/* Shared quiet focus treatment, including dialogs and all account forms. */
:root{--focus-edge:#98999f}
body.dark{--focus-edge:#85868e}
body :is(button,a,select,input,textarea,[tabindex]:not(h1):not(p)):focus-visible{outline:1px solid var(--focus-edge)!important;outline-offset:2px!important;box-shadow:none!important}
body :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus{outline:none!important;border-color:var(--focus-edge)!important;box-shadow:none!important}
body .search:focus-within{box-shadow:inset 0 0 0 1px var(--focus-edge)!important}
body .search input:focus{outline:none!important;box-shadow:none!important}
body .file-area:focus-visible,body .context-menu button:focus-visible,body .account-menu button:focus-visible,body .folder-disclosure:focus-visible{outline-offset:-2px!important}
body input[type=checkbox]:focus:not(:focus-visible),body input[type=radio]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
@media(forced-colors:active){body :is(button,a,select,input,textarea,[tabindex]):focus-visible{outline:2px solid Highlight!important;outline-offset:2px!important}body :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus{outline:2px solid Highlight!important;outline-offset:2px!important;border-color:Highlight!important}}

/* Text entry stays neutral, including browser/password-manager autofill. */
body :is(input,textarea){caret-color:var(--text)}
body :is(input,textarea)::selection{background:var(--hover);color:var(--text)}
body .search input{--autofill-surface:var(--field)}
@media(forced-colors:none){
 body input:not([type=checkbox]):not([type=radio]):is(:autofill,:-webkit-autofill){
  background-color:var(--autofill-surface,var(--bg))!important;
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
  caret-color:var(--text);
  box-shadow:inset 0 0 0 1000px var(--autofill-surface,var(--bg))!important;
 }
}

/* Keep the scrollable BannerAds browser focus inside its own surface. */
body #banner-workspace #bh-content:focus-visible{outline:1px solid var(--line)!important;outline-offset:-1px!important;box-shadow:none!important}
@media(forced-colors:active){body #banner-workspace #bh-content:focus-visible{outline-color:Highlight!important}}
