/* Shared header appearance switch: keyboard accessible, responsive and motion aware. */
.theme-header-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle {
  --theme-switch-track: #16263d;
  --theme-switch-line: #344a66;
  --theme-switch-thumb: #dfeafa;
  --theme-switch-selected: #1d3a60;
  --theme-switch-muted: #b8c9df;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: inline-grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: stretch;
  flex: 0 0 148px;
  width: 148px;
  min-width: 148px;
  height: 44px;
  margin: 0;
  padding: 4px;
  border: 1px solid var(--theme-switch-line);
  border-radius: 999px;
  background: var(--theme-switch-track);
  color: var(--theme-switch-muted);
  box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 300ms ease, border-color 300ms ease, box-shadow 200ms ease;
}
html[data-theme="light"] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle {
  --theme-switch-track: #edf1f6;
  --theme-switch-line: #cfd9e7;
  --theme-switch-thumb: #fff;
  --theme-switch-selected: #243853;
  --theme-switch-muted: #5c6f88;
}
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 4px auto 4px 4px;
  width: calc((100% - 8px) / 2);
  border-radius: inherit;
  background: var(--theme-switch-thumb);
  box-shadow: 0 1px 4px rgb(5 18 35 / 20%);
  transform: translateX(100%);
  transition: transform 340ms cubic-bezier(.22,.8,.25,1), background-color 300ms ease, box-shadow 300ms ease;
}
html[data-theme="light"] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle::before { transform: translateX(0); }
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  color: var(--theme-switch-muted);
  font: 600 11px/1 "Manrope",sans-serif;
  pointer-events: none;
  transition: color 260ms ease;
}
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle svg {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  transition: transform 340ms cubic-bezier(.22,.8,.25,1);
}
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__light svg { transform: rotate(-45deg) scale(.88); }
html[data-theme="light"] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__light svg { transform: rotate(0) scale(1); color: #a96812; }
html[data-theme="light"] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__dark svg { transform: rotate(-20deg) scale(.88); }
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__dark,
html[data-theme="light"] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__light { color: var(--theme-switch-selected); }
html[data-theme="light"] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__dark { color: var(--theme-switch-muted); }
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle:hover { border-color: var(--candidate-nav-accent, #83baff); box-shadow: 0 3px 12px rgb(0 0 0 / 12%); }
html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle:focus-visible { outline: 2px solid var(--candidate-nav-accent, #83baff); outline-offset: 3px; }
@media (max-width: 600px) {
  html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle { flex-basis: 76px; width: 76px; min-width: 76px; }
  html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle__option > span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle,
  html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle::before,
  html[data-theme] :is(body, #candidateWorkspace, #jobsWorkspace, #certificationWorkspace, #recruiterWorkspace) .candidate-theme-toggle :is(svg,span) { transition: none; }
}