/* Theme controls only. Dark palette rules live in styles-dark.css and are
   enabled as one preloaded stylesheet for faster switching. */

.theme-toggle{
  height:28px;
  min-width:68px;
  padding:0 7px;
  border:1px solid var(--border-2);
  background:transparent;
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  font:600 7px/1 "JetBrains Mono",ui-monospace,monospace;
  letter-spacing:.09em;
  white-space:nowrap;
  contain:layout paint;
}
.theme-toggle:hover{background:rgba(255,255,255,.16)}
.theme-toggle-track{position:relative;width:25px;height:12px;border:1px solid currentColor;display:block;flex:0 0 auto}
.theme-toggle-knob{position:absolute;left:2px;top:2px;width:6px;height:6px;background:currentColor;transition:transform .12s ease;will-change:transform}
.theme-toggle[aria-checked="true"] .theme-toggle-knob{transform:translateX(13px)}
.header-project .theme-toggle{margin-top:-7px}
.employee-theme-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.employee-theme-actions .theme-toggle{height:31px}
.auth-theme-toggle{position:fixed;right:22px;top:20px;z-index:1000;background:var(--bg)}

@media(max-width:860px){
  .header-project{gap:10px}
  .header-project .theme-toggle{margin-top:-6px;min-width:58px;padding:0 5px}
  .theme-toggle-label{display:none}
  .theme-toggle{min-width:34px}
  .auth-theme-toggle{right:14px;top:14px}
  .employee-theme-actions{gap:6px}
}