/* CallTracker client top-nav link/user styles (default, non-branded). White-label
   accounts override the colors via includes/preline-branding.html. */
/* Nav pills sit one step above the global --radius-lg (4px) — the active/hover
   background reads better slightly rounder. Unlayered, so it beats the
   rounded-lg utility from preline.css @layer utilities. */
[data-theme="theme-calltracker"] .client-nav-link,
[data-theme="theme-calltracker"] .client-nav-user { border-radius: 0.375rem; }
[data-theme="theme-calltracker"] .client-nav-link { color: var(--muted-foreground-1); }
[data-theme="theme-calltracker"] .client-nav-link:hover { color: var(--foreground); background: var(--muted-hover); }
/* Top-nav active — rounded pill, matching the sub-nav active */
[data-theme="theme-calltracker"] .client-nav-link.is-active { background: rgba(33,150,243,0.12); color: #0d47a1; }
[data-theme="theme-calltracker"].dark .client-nav-link.is-active { background: rgba(33,150,243,0.22); color: #93c5fd; }
[data-theme="theme-calltracker"] .client-nav-user { color: var(--foreground); }

/* Native <select multiple> filter controls: render as a clean list box. Preline's
   base `select{appearance:none}` mangles multi-selects (tiled chevron artifact); restore
   native rendering + a sensible height. (hs-select tag pickers are a later enhancement.) */
[data-theme="theme-calltracker"] select[multiple] {
  appearance: auto;
  -webkit-appearance: auto;
  background-image: none;
  height: auto;
  min-height: 8.5rem;
  padding: 0.375rem;
  line-height: 1.5;
}
[data-theme="theme-calltracker"] select[multiple] option {
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
}

/* Agency sub-nav bar — clean like the staff secondary nav. NOT class .client-nav, so
   the top bar's white-label custom_text_color does not bleed onto these links. */
[data-theme="theme-calltracker"] .client-subnav .client-nav-link { color: #4b5563; opacity: 1; box-shadow: none; }
[data-theme="theme-calltracker"].dark .client-subnav .client-nav-link { color: #cbd5e1; }
[data-theme="theme-calltracker"] .client-subnav .client-nav-link:hover { background: rgba(33,150,243,0.08); color: #4b5563; }
[data-theme="theme-calltracker"].dark .client-subnav .client-nav-link:hover { background: rgba(255,255,255,0.06); color: #e5e7eb; }
[data-theme="theme-calltracker"] .client-subnav .client-nav-link.is-active { background: rgba(33,150,243,0.12); color: #0d47a1; font-weight: 600; }
[data-theme="theme-calltracker"].dark .client-subnav .client-nav-link.is-active { background: rgba(33,150,243,0.22); color: #93c5fd; }

/* Vertical settings nav (user settings + account settings) */
[data-theme="theme-calltracker"] .settings-nav-link { color: #4b5563; }
[data-theme="theme-calltracker"].dark .settings-nav-link { color: #cbd5e1; }
[data-theme="theme-calltracker"] .settings-nav-link:hover { background: var(--muted-hover); }
[data-theme="theme-calltracker"].dark .settings-nav-link:hover { background: rgba(255,255,255,0.06); }
[data-theme="theme-calltracker"] .settings-nav-link.is-active { background: rgba(33,150,243,0.12); color: #0d47a1; font-weight: 600; }
[data-theme="theme-calltracker"].dark .settings-nav-link.is-active { background: rgba(33,150,243,0.22); color: #93c5fd; }