/*
  ADVISORY DESK - Client: FootBerna
  Accessibility audit + dark mode
  Fixes:
  - text-on-accent was #c6c91c on #c6c91c (1.0:1) ' #080808 (11.2:1)
  - text-soft #a1a1a1 on #fafafa (2.5:1) ' #696969 (5.3:1)
  - border #ececec (1.1:1) ' #8c8c8c (3.2:1)
  - panel #f5f5f5 invisible vs page bg ' #c6c91c accent header (8.2:1 dark, hue-distinct light)
  - dark block added
  */
:root {
  --ats-bg: #fafafa;
  --ats-bg-alt: #f5f5f5;
  --ats-bg-raised: #f0f0f0;
  --ats-accent: #c6c91c;
  --ats-highlight: #c6c91c;
  --ats-text: #080808;
  --ats-text-soft: #696969;
  --ats-text-heading: #080808;
  --ats-text-on-accent: #080808;
  --ats-border: #8c8c8c;
  --ats-border-input: #8c8c8c;
  --ats-border-table: #d0d0d0;
  --ats-nav-bg: #f5f5f5;
  --ats-nav-text: #080808;
  --ats-nav-hover-bg: var(--ats-accent);
  --ats-nav-hover-text: var(--ats-text-on-accent);
  --ats-panel-bg: #c6c91c;
  --ats-panel-text: #080808;
  --ats-modal-header-bg: #c6c91c;
  --ats-modal-header-text: #080808;
  --ats-input-bg: #fafafa;
  --ats-input-text: #080808;
  --ats-input-disabled-bg: #f0f0f0;
  --ats-row-hover-bg: #c6c91c;
  --ats-row-hover-text: #080808;
  --ats-dd-bg: #f5f5f5;
  --ats-dd-hover-bg: #c6c91c;
  --ats-token-bg: #c6c91c;
  --ats-token-text: #080808;
  --ats-dirty: #f5f5f5;
  --ats-inactive-bg: #a1a1a1;
  --ats-inactive-text: #f5f5f5;
}
html[data-bs-theme="dark"] {
  color-scheme: dark;
  --ats-bg: #282833;
  --ats-bg-alt: #202124;
  --ats-bg-raised: #444450;
  --ats-accent: #c6c91c;
  --ats-highlight: #c6c91c;
  --ats-text: #dddddd;
  --ats-text-soft: #b3b3b3;
  --ats-text-heading: #dddddd;
  --ats-text-on-accent: #080808;
  --ats-border: #757575;
  --ats-border-input: #555560;
  --ats-border-table: #555560;
  --ats-nav-bg: #202124;
  --ats-nav-text: #dddddd;
  --ats-nav-hover-bg: var(--ats-accent);
  --ats-nav-hover-text: var(--ats-text-on-accent);
  --ats-panel-bg: #c6c91c;
  --ats-panel-text: #080808;
  --ats-modal-header-bg: #c6c91c;
  --ats-modal-header-text: #080808;
  --ats-input-bg: #282833;
  --ats-input-text: #dddddd;
  --ats-input-disabled-bg: #444450;
  --ats-row-hover-bg: #c6c91c;
  --ats-row-hover-text: #080808;
  --ats-dd-bg: #202124;
  --ats-dd-hover-bg: #282833;
  --ats-token-bg: #c6c91c;
  --ats-token-text: #080808;
  --ats-dirty: #444450;
  --ats-inactive-bg: #a1a1a1;
  --ats-inactive-text: #202124;
}
.login {
  --ats-panel-bg: #fafafa;
  --ats-panel-text: #080808;
  --ats-login-btn-bg: #c6c91c;
  --ats-login-btn-text: #080808;
  --ats-login-tagline: #080808;
}
html[data-bs-theme="dark"] .login {
  --ats-panel-bg: #080808;
  --ats-panel-text: #fafafa;
  --ats-login-tagline: #ffffff;
}
.login .header-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.login .theme-toggle {
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
  border: 1px solid var(--ats-border);
  background: transparent;
  color: var(--ats-panel-text);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.login .theme-toggle:hover,
.login .theme-toggle:focus-visible {
  background: var(--ats-login-btn-bg);
  color: var(--ats-login-btn-text);
  border-color: var(--ats-login-btn-bg);
  outline: none;
}
#filterLegacyView .row.form-group {
  align-items: center;
}