.figma-screen .archive-live-filter{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;background:transparent;color:#232323;font-family:HelveticaLocal,Helvetica,Arial,sans-serif;outline-offset:-3px;appearance:none;border-radius:0;cursor:pointer;box-sizing:border-box}
.figma-screen input.archive-live-filter{cursor:text}
.archive-live-filter:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible{outline:2px solid #ed1525!important;outline-offset:3px}
/* The Figma archive fields already provide their own bounds. Do not draw a
   browser focus rectangle over those bounds while the custom list is open. */
.figma-screen .archive-live-filter:focus-visible{outline:none!important;outline-offset:0}
.archive-live-filter:has(option:checked[value=""]){color:#969696}
.archive-live-filter option{color:#232323;background:#fff}
.figma-screen .live-vacancy-scroll{position:absolute;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aaa #f7f7f7}
.live-vacancy-row{position:relative;width:100%;flex:none}
.live-vacancy-scroll:focus-visible{outline:2px solid #ed1525;outline-offset:3px}
.integration-error{position:fixed;z-index:10000;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:680px;box-sizing:border-box;padding:16px 20px;background:#fff;border:1px solid #ed1525;color:#232323;box-shadow:0 4px 20px #0002;font:16px/1.4 HelveticaLocal,Arial,sans-serif}
.integration-error button{float:right;margin-left:12px;background:none;border:0;font:inherit;cursor:pointer}
@media print{.integration-error{display:none!important}html,body{overflow:visible}.figma-screen{overflow:visible!important}}