:root{--audit-blue:#078575;--audit-pale:#e8f5f0;--audit-gradient:linear-gradient(110deg,#078575,#20a994)}
html body .brand-primary:not(:disabled){background:var(--audit-gradient)!important;border-color:transparent!important;color:white!important}
html body .audit-secondary{background:transparent!important;border:1px solid var(--audit-blue)!important;color:var(--audit-blue)!important;border-radius:10px!important}
html body .audit-danger{color:#c32f40!important;background:transparent!important;border-color:#c32f40!important}
html body .close-mark52{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:10px!important;font-size:0!important}
html body .close-mark52 svg{display:block!important;width:24px!important;height:24px!important;flex:none!important}
html body :is(h2,h3,.settings-dropdown>summary,.ov-label){color:var(--audit-blue)}
html body :is(.staff-count,.member-avatar,.staff-tag,.sw-staff-tag){background:var(--audit-pale);color:#344554}
html body :is(.month-pills,.record-months) input:checked+span{background:var(--audit-pale)!important;color:var(--audit-blue)!important;border-color:var(--audit-blue)!important}
html body :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--audit-blue)!important;outline-offset:2px}
html body input[type=checkbox]{accent-color:var(--audit-blue)}
html body .staff-live-underline{background:var(--audit-gradient)!important}
html body :is(.staff-tabs,.admin-tabs) .active{color:var(--audit-blue)!important;border-color:var(--audit-blue)!important}
html body :is(.sw-day.selected,.sw-day.is-selected,.ov-day[aria-expanded=true]){outline-color:var(--audit-blue)!important;border-color:var(--audit-blue)!important}
html body .ov-detail{touch-action:pan-y}
html body #staff-edit-popup{animation:none!important;transition:none!important;overflow:hidden;position:fixed}
html body #staff-edit-popup.is-staff-calendar{width:min(1120px,96vw)!important;height:min(850px,92dvh)!important;max-height:92dvh!important}
html body #staff-edit-popup iframe{transition:opacity 110ms ease-out!important;background:var(--surface,#fff)}
html body #staff-edit-popup.is-loading:before{content:'Loading…';position:absolute;top:48%;left:45%;color:#647b89;z-index:-1}
html body .record-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:nowrap!important}
html body .record-actions .record-export{width:40px!important;min-width:40px!important;height:40px!important;padding:9px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:10px}
.record-export svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .record-actions :is(button,a){height:40px!important;white-space:nowrap}
html body .record-actions a:not(.record-export){width:auto!important;min-width:65px!important}
html[data-theme=dark] body{--audit-pale:#153b34}
html[data-theme=dark] body :is(.staff-count,.member-avatar,.staff-tag){color:#e3eaf4}
@media(min-width:1100px){html body .records-filters{gap:12px!important}html body .records-filters input,html body .records-filters select{min-width:0!important;height:40px!important}}
html:root body:is(.admin-workspace,.staff-workspace) .page-content :is(h2,h3){color:var(--audit-blue)!important}
html:root body.admin-workspace .metrics :is(h2,small){color:var(--audit-blue)!important}
html:root body.admin-workspace .metrics :is(strong,b,.metric-value,.stat-value){color:#263745!important}
html:root body.admin-workspace .member-actions .staff-text-action{color:var(--audit-blue)!important}
html:root body.admin-workspace .member-actions .danger-text{color:#c32f40!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.staff-count,.member-avatar,.sw-staff,.staff-tag,.sw-staff-tag){background:var(--audit-pale)!important;color:#344554!important}
html:root body:is(.admin-workspace,.staff-workspace) .close-mark52,html:root body.admin-workspace #staff-edit-popup>.popup-close{border:0!important;background:transparent!important;border-radius:10px!important;box-shadow:none!important}
html:root body.admin-workspace .admin-staff-calendar .ov-day{background:#fff!important;color:#233d33!important;position:relative;isolation:isolate;overflow:hidden;border:1px solid #d8e3de!important}
html:root body.admin-workspace .admin-staff-calendar .ov-day::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--shift-bands,none);pointer-events:none;border-radius:inherit}
html:root body.admin-workspace .admin-staff-calendar .ov-day.present{border-color:#39a47b!important}html:root body.admin-workspace .admin-staff-calendar .ov-day.late{border-color:#dc6868!important}
html:root body:is(.admin-workspace,.staff-workspace) .ov-detail{background:var(--audit-pale)!important;border-color:#c6e4d9!important}
html:root body:is(.admin-workspace,.staff-workspace) .ov-detail strong{color:var(--audit-blue)!important}
html:root body:is(.admin-workspace,.staff-workspace) .ov-arrows a{background:var(--audit-gradient)!important;color:white!important}
html:root[data-theme=dark] body:is(.admin-workspace,.staff-workspace) .page-content :is(h2,h3){color:#70d9bb!important}
html:root[data-theme=dark] body.admin-workspace .metrics :is(strong,b,.metric-value,.stat-value){color:#e4edf0!important}
html:root[data-theme=dark] body.admin-workspace .admin-staff-calendar .ov-day{background:#151e25!important;color:#e4edf0!important}
html:root body:is(.admin-workspace,.staff-workspace) .ov-detail-close{float:right}
html:root body.admin-workspace .page-content .metrics h2{color:#263745!important}
html:root body.admin-workspace .page-content .metrics small{color:var(--audit-blue)!important}
html:root[data-theme=dark] body.admin-workspace .page-content .metrics h2{color:#e4edf0!important}
html:root body:is(.admin-workspace,.staff-workspace) .month-chip input:checked+span{background:var(--audit-pale)!important;border-color:var(--audit-blue)!important;color:var(--audit-blue)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.audit-secondary,.record-clear,.template-cancel){background:transparent!important;border:1px solid var(--audit-blue)!important;color:var(--audit-blue)!important}
html:root body:is(.admin-workspace,.staff-workspace) .ov-detail-close{display:flex!important;margin-left:auto!important;float:none}
/* Green with a restrained blue hue; one palette for every interactive state. */
:root{--accent:#078575;--accent-dark:#08695d;--accent-soft:#e8f5f0;--accent-line:#a7d7c7;--accent-gradient:linear-gradient(110deg,#078575,#159c91 55%,#20a994);--brand-gradient:var(--accent-gradient);--audit-gradient:var(--accent-gradient);--audit-blue:var(--accent);--audit-pale:var(--accent-soft);--hr-green:var(--accent);--hr-green-dark:var(--accent-dark);--hr-green-soft:var(--accent-soft);--hr-teal:var(--accent)}
html:root[data-theme=dark]{--accent:#70d9bb;--accent-dark:#97ead2;--accent-soft:#153b34;--accent-line:#386c5b}
html:root body:is(.admin-workspace,.staff-workspace) .top :is(.hrdesk-admin-tabs,.hrdesk-employee-tabs) a.is-active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.staff-live-underline,.admin-live-underline){background:var(--accent-gradient)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.hrdesk-admin-tabs,.hrdesk-employee-tabs) a:hover{color:var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(a:not(.btn):not(.sw-day):not(.ov-day):not(.sw-button):not(.brand-primary):not(.audit-danger):not(.danger-text),summary){text-decoration-color:var(--accent)}
html:root body:is(.admin-workspace,.staff-workspace) :is(.sw-day.sw-selected,.ov-day[aria-expanded=true]){outline:2px solid var(--accent)!important;outline-offset:0!important;border-color:var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.sw-day,.ov-day):hover{box-shadow:inset 0 0 0 1px var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.sw-day,.ov-day):focus-visible{outline:2px solid var(--accent)!important;outline-offset:1px!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.sw-day span,.sw-net,.sw-template summary,.sw-new-template summary,.settings-dropdown>summary,.settings-action:not(.brand-primary),.notice-see-all,.record-detail a,.notification-panel a,.ov-detail strong){color:var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.sw-staff-tags span,.sw-kind,.member-avatar,.staff-count,.state-pill:not(.approved):not(.rejected):not(.pending),.tag:not(.approved):not(.rejected):not(.pending)){background:var(--accent-soft)!important;color:var(--accent-dark)!important;border-color:var(--accent-line)!important}
html:root body:is(.admin-workspace,.staff-workspace) .month-chip input:checked+span{background:var(--accent-soft)!important;color:var(--accent-dark)!important;border-color:var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) .month-chip input:focus-visible+span{outline:2px solid var(--accent)!important;outline-offset:2px!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(input,select,textarea):focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-soft)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.brand-primary,.audit-secondary,.settings-action,.record-export,.theme-toggle,.headtools .iconbtn,.notification-bell){transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,filter 140ms ease,box-shadow 140ms ease!important;-webkit-tap-highlight-color:transparent}
html:root body:is(.admin-workspace,.staff-workspace) :is(.brand-primary,.audit-secondary,.settings-action,.record-export,.theme-toggle):active:not(:disabled){filter:brightness(.92)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}
html:root body:is(.admin-workspace,.staff-workspace) .audit-secondary:hover{background:var(--accent-soft)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.headtools .iconbtn,.notification-bell,.theme-toggle){border-color:var(--accent-line)!important;color:var(--accent)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.settings-dropdown[open]>summary,.settings-dropdown>summary:hover){color:var(--accent)!important;background:var(--accent-soft)!important}
html:root body:is(.admin-workspace,.staff-workspace) .records-table tbody tr:hover{background:var(--accent-soft)!important}
html:root body:is(.admin-workspace,.staff-workspace) .ov-detail{background:var(--accent-soft)!important;border-color:var(--accent-line)!important}
html:root[data-theme=dark] body:is(.admin-workspace,.staff-workspace) :is(.audit-secondary,.record-clear,.template-cancel){color:var(--accent)!important;border-color:var(--accent-line)!important}
@media(prefers-reduced-motion:reduce){html:root body :is(button,a){transition:none!important}}
html:root body.admin-workspace .page-content .member-actions .staff-text-action{color:var(--accent)!important}
html:root body.admin-workspace .page-content .member-actions .staff-text-action.danger-text{color:#c32f40!important}
html:root body .login-card .brandmark,html:root body .login-form button{background:var(--accent-gradient)!important;color:#fff!important}
html:root body .login-card .brand-desk{color:var(--accent)!important}
html:root body :is(button,a,summary){-webkit-tap-highlight-color:transparent}
html:root body.admin-workspace .page-content .records-table th{background:var(--accent-soft)!important;color:var(--hr-text,#233744)!important}
html:root body:is(.admin-workspace,.staff-workspace) :is(.sw-count,.sw-staff-tags span,.shift-colour-menu [aria-selected=true]::after){color:var(--accent-dark)!important}