.themePicker{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.themePicker select{font:inherit;border:1px solid #aabcb4;border-radius:8px;padding:7px;background:#fff;color:#17342e}
@media(max-width:640px){body>header{height:auto;min-height:74px;flex-wrap:wrap;padding:12px;gap:12px}.themePicker{margin-left:auto}}
@media screen {
html[data-theme="dark"]{color-scheme:dark;color:#ededed;background:#151515}
html[data-theme="dark"] body{background:#151515;color:#ededed}
html[data-theme="dark"] header,html[data-theme="dark"] .card,html[data-theme="dark"] .adminSide,html[data-theme="dark"] .month{background:#202020;border-color:#454545;color:#ededed;box-shadow:none}
html[data-theme="dark"] :is(input,select,textarea,.input,.keypad button,button){background:#2b2b2b;color:#ededed;border-color:#626262}
html[data-theme="dark"] :is(button.primary,.primary,.wfNav [aria-current="page"]){background:#505050;color:#fff}
html[data-theme="dark"] :is(a,.link,.signout){color:#d4d4d4}
html[data-theme="dark"] :is(p,.muted,.eyebrow,footer,.hero p,.center>p,.weekdayHead){color:#bdbdbd}
html[data-theme="dark"] :is(.hint,.state,.wfNav a,.wfNav button,th){background:#303030;color:#ededed}
html[data-theme="dark"] :is(td,th,.wfRow,.sectionHead,header,footer,fieldset){border-color:#454545}
html[data-theme="dark"] :is(.day,.scheduleDay,.scheduleDay.weekend,.monthDays .day.weekend){background-color:#282828;color:#ededed}
html[data-theme="dark"] :is(.day.approved,.day.occupied,.approvedLegend,.scheduleDay small){background:#28583e;color:#e5fff0}
html[data-theme="dark"] :is(.day.pending,.pendingLegend){background:#67551e;color:#fff5cc}
html[data-theme="dark"] :is(.day.full,.fullLegend,.monthDays .day.locked){background-color:#6b302e!important;color:#ffe2df}
html[data-theme="dark"] :is(.holidayLegend,.day.holiday){background-color:#264e73;color:#e6f2ff}
html[data-theme="dark"] :is(.notice,.lockMark,.miniRemove){color:#ffb9aa}
html[data-theme="dark"] .clockNotices>div{background:#202020;color:#ededed;border-color:#454545}
html[data-theme="dark"] .clockNotices p{color:#bdbdbd}
html[data-theme="dark"] .clockSchedule{background:#202020;color:#ededed;border-color:#454545}
html[data-theme="dark"] .clockScheduleHead span{color:#bdbdbd}
html[data-theme="dark"] .clockSchedule th{background:#303030;color:#ededed;border-color:#454545}
html[data-theme="dark"] .clockSchedule td{background:#202020;color:#ededed;border-color:#454545}
html[data-theme="dark"] .clockScheduleAction{border-color:#777;color:#ededed}
html[data-theme="dark"] :is(.badge,.badge.ok){background:#383838;color:#e0e0e0}
html[data-theme="dark"] .jobSheetTable th{background:#383838;color:#fff}
html[data-theme="dark"] .jobSheetTable tbody tr:nth-child(odd){background:#292929}
html[data-theme="dark"] :is(.jobSheetTable td.quotedJob,.quoteLegend){background:#365c20;color:#f1ffdd}
html[data-theme="dark"] .quotedScheduleJob{background:#365c20!important;color:#f1ffdd!important}
html[data-theme="dark"] ::placeholder{color:#aaaaaa}
html[data-theme="dark"] :focus-visible{outline:2px solid #d4d4d4;outline-offset:2px}
}
@media print{html,body{color-scheme:light;background:white!important;color:#111!important}.themePicker{display:none!important}}

@media screen {
html[data-theme="dark"] :is(.admin,.metric){background:#202020;color:#ededed;border-color:#454545}
html[data-theme="dark"] :is(.row b.in,.pill.approved){color:#8cdbc0}
html[data-theme="dark"] .row b.out{color:#ffb3a6}
html[data-theme="dark"] .pill.pending{color:#f3d57e}
html[data-theme="dark"] .avatar{color:#273421}
html[data-theme="dark"] .primary.red{background:#975448}
}

@media screen{html[data-theme="dark"] .side,html[data-theme="dark"] .brand b{background:#303030;color:#ededed}html[data-theme="dark"] .input:focus{border-color:#aaa;box-shadow:0 0 0 3px #ffffff20}}

/* Legacy single-level navigation. Grouped navigation has distinct section
   tabs and page links in workflows.css. */
.wfNav:not(.wfGroupedNav) a{background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:none;padding:8px 4px;color:inherit}
.wfNav:not(.wfGroupedNav) a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px;font-weight:700}
.wfNav:not(.wfGroupedNav) a:hover{text-decoration:underline;text-underline-offset:7px}