/* Shared login/workspace fields. Selection changes the surface without a black
   outline, doubled border or bottom line (Sophie's feedback, 10 October 2026). */
:root {
  --field-surface: #efefec;
  --field-focus-surface: #edf2f8;
  --field-focus-border: #7a8fa5;
}
body:is(.login-page,[data-documents]) :is(input,textarea,select):not(
  [type=checkbox],[type=radio],[type=file],[type=range],[type=hidden],
  [type=submit],[type=button],[type=reset],[type=color]
) {
  box-sizing: border-box;
  min-height: 44px;
  padding: 11px 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--field-surface);
  color: var(--ink);
  outline: none;
  box-shadow: none;
  transition: background-color .15s, border-color .15s;
}
body:is(.login-page,[data-documents]) :is(input,textarea,select):not(
  [type=checkbox],[type=radio],[type=file],[type=range],[type=hidden],
  [type=submit],[type=button],[type=reset],[type=color]
):focus {
  border-color: var(--field-focus-border);
  background: var(--field-focus-surface);
  outline: none;
  box-shadow: none;
}
body.login-page .login-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--field-surface) inset;
  -webkit-text-fill-color: var(--ink);
}
body.login-page .login-form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--field-focus-surface) inset;
}
body .workspace-search-field,
body .workspace-search-field:focus-within {
  border: 0;
  outline: none;
  box-shadow: none;
}
@media (max-width:700px) {
  body:is(.login-page,[data-documents]) :is(input,textarea,select) {font-size:16px}
}
@media (prefers-reduced-motion:reduce) {
  body:is(.login-page,[data-documents]) :is(input,textarea,select) {transition:none}
}
@media (forced-colors:active) {
  body:is(.login-page,[data-documents]) :is(input,textarea,select):focus-visible {
    outline:2px solid Highlight;
    outline-offset:2px;
  }
}