/* Shared screen controls for EPIC staff applications. Native picker menus follow
   the operating system's dark color scheme; printed documents retain their layout. */
@media screen {
 :root { color-scheme: dark; --epic-control-bg:var(--surface-raised,#1d2024); --epic-control-text:var(--text,#f4f5f7); --epic-control-border:var(--border-strong,#3b3f46); --epic-control-focus:var(--epic-gold,#f8b930); }
 :is(input,select,textarea,button) { font:inherit; }
 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]),select,textarea) {
  color-scheme:dark; color:var(--epic-control-text)!important; background-color:var(--epic-control-bg)!important;
  border:1px solid var(--epic-control-border); border-radius:8px; padding:9px 12px; max-width:100%;
 }
 select :is(option,optgroup),[role=listbox],[role=option] { color:var(--epic-control-text)!important; background-color:var(--epic-control-bg)!important; }
 :is(input,select,textarea,button,summary):focus-visible { outline:2px solid var(--epic-control-focus); outline-offset:3px; }
 :is(input,select,textarea):disabled { opacity:.6; cursor:not-allowed; }
 :is(input,textarea)::placeholder { color:var(--muted,#a0a5ae); opacity:1; }
 input:is([type=checkbox],[type=radio],[type=range]) { accent-color:var(--epic-control-focus); }
 input::file-selector-button { color:var(--epic-control-text); background:var(--epic-control-bg); border:1px solid var(--epic-control-border); border-radius:6px; padding:8px 12px; margin-right:12px; cursor:pointer; }
 input:-webkit-autofill { -webkit-text-fill-color:var(--epic-control-text); box-shadow:0 0 0 1000px var(--epic-control-bg) inset; }
 [aria-invalid=true] { border-color:var(--danger,#ef6a6a)!important; }
 .directory-actions { position:relative; margin-left:auto; flex:0 0 auto; }
 .directory-actions summary { cursor:pointer; padding:10px; border:1px solid var(--epic-control-border); border-radius:8px; }
 .directory-actions>.toolbar-button { position:absolute; z-index:10; right:0; top:100%; width:max-content; margin-top:8px; background:var(--epic-control-bg); }
 .directory-qualification { display:grid; gap:5px; min-width:200px; }
 .directory-qualification>span { color:var(--muted,#a0a5ae); font-size:.85rem; }
}