:root{--brand-blue:#078575;--brand-turquoise:#20a994;--brand-gradient:linear-gradient(105deg,#078575 0%,#159c91 48%,#20a994 100%);--brand-ink:#102631;--brand-muted:#65798a}
html body:is(.admin-workspace,.staff-workspace){font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important;color:var(--brand-ink)}
html body:is(.admin-workspace,.staff-workspace) .page-content :is(input,select,textarea){font-family:inherit!important;font-weight:400!important}
html body:is(.admin-workspace,.staff-workspace) :is(button,.btn,.sw-button,.settings-action){font-family:inherit!important}
html body:is(.admin-workspace,.staff-workspace) .page-content h1{font-weight:700!important;letter-spacing:-.55px!important}html body:is(.admin-workspace,.staff-workspace) .page-content :is(h2,h3){font-weight:600!important}
html body:is(.admin-workspace,.staff-workspace) .brandmark,html body .desktop-brand-icon{background:var(--brand-gradient)!important;color:white!important;box-shadow:none!important;border:0!important}
html body:is(.admin-workspace,.staff-workspace) .top .brand strong{font-weight:650!important}html body .brand-pro{font-weight:400!important;color:var(--brand-ink)!important}html body .brand-hr{color:var(--brand-ink)!important}html body .brand-desk{color:#087e73!important}
html body:is(.admin-workspace,.staff-workspace) .top{border-bottom:0!important;box-shadow:none!important}
html body.admin-workspace .admin-attendance-section .line:last-child{border-bottom:0!important}
html body:is(.admin-workspace,.staff-workspace) .brand-primary:not(:disabled):not([aria-disabled=true]){background:var(--brand-gradient)!important;color:#fff!important;border:1px solid transparent!important;border-radius:7px!important;font-weight:600!important;box-shadow:none!important;min-height:40px;text-decoration:none}
html body:is(.admin-workspace,.staff-workspace) .brand-primary:hover:not(:disabled){filter:brightness(1.04)}html body:is(.admin-workspace,.staff-workspace) .brand-primary:focus-visible{outline:2px solid #078575!important;outline-offset:3px!important}
html body:is(.admin-workspace,.staff-workspace) .brand-primary:disabled{background:#dce3e5!important;color:#65757c!important;border-color:#dce3e5!important;cursor:not-allowed;filter:none}
html body.admin-workspace .member-actions .staff-text-action{color:#087e73!important;font-weight:500!important}html body.admin-workspace .member-actions .danger-text{color:#c32f40!important}
html body:is(.admin-workspace,.staff-workspace) .theme-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:112px!important;min-width:112px!important;height:38px!important;padding:0 10px!important;background:transparent!important;border:1px solid #ccdbe1!important;border-radius:7px!important;color:#203c4b!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important}
.theme-toggle svg{flex:none;width:19px!important;height:19px!important}.theme-toggle .theme-label{display:inline!important}
html body.admin-workspace .top .hrdesk-admin-tabs{min-width:0!important;flex:1 1 auto!important;overflow-x:auto!important}html body:is(.admin-workspace,.staff-workspace) .headtools{flex:none!important}
html body.admin-workspace .holiday-add-form{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto!important;align-items:end!important;gap:18px!important;max-width:none!important;width:100%!important}
html body.admin-workspace .holiday-add-form label{margin:0!important}.holiday-add-form button{width:auto!important;min-width:136px!important;height:40px!important;align-self:end!important;justify-self:end!important;padding:0 18px!important;margin:0!important}
html body.admin-workspace .staff-edit-columns{display:block!important}html body.admin-workspace #staff-edit-popup{width:min(930px,94vw)!important}html body.admin-workspace #staff-edit-popup.is-staff-view{width:min(720px,94vw)!important;height:min(770px,92dvh)!important}
.staff-view-page{max-width:660px;margin:0 auto;padding:0 0 10px}.staff-view-heading{display:flex;align-items:center;gap:22px;margin-top:24px}.staff-view-heading h2{margin:0 0 7px}.staff-view-heading p{margin:0 0 12px}.staff-view-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0;padding-top:24px;border-top:1px solid var(--hr-line)}.staff-view-details dt{font-size:12px;color:#65798a;margin-bottom:7px}.staff-view-details dd{margin:0;font-size:14px;overflow-wrap:anywhere}.staff-view-phone{border-top:1px solid var(--hr-line);padding-top:22px}.staff-view-phone h2{font-size:16px}.summary-phone{display:flex;align-items:center;gap:8px;font-weight:600}.summary-phone svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.summary-phone.verified{color:#19865f}.summary-phone.unverified{color:#c32f40}
html body.admin-workspace .sw-month a.sw-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--brand-gradient)!important;color:#fff!important;box-shadow:none!important;flex:none!important}
html body.admin-workspace .sw-month a.sw-button svg{width:20px!important;height:20px!important;stroke:white!important;fill:none!important;stroke-width:1.8!important;display:block!important}
html body.admin-workspace .sw-month{gap:14px!important}.sw-month>strong{min-width:132px;text-align:center;white-space:nowrap}
.calendar-month-stage{position:relative;overflow:hidden;isolation:isolate;margin-top:16px}.calendar-month-stage>.sw-grid{margin-top:0!important;will-change:transform}.calendar-month-stage>.month-incoming{position:absolute;inset:0;pointer-events:none}.month-error{color:#bf3340;font-size:13px;margin-top:12px}
html[data-theme=dark] body .brand-pro,html[data-theme=dark] body .brand-hr{color:#e4edf0!important}html[data-theme=dark] body .brand-desk{color:#70d9bb!important}html[data-theme=dark] body:is(.admin-workspace,.staff-workspace) .theme-toggle{color:#dce9ed!important;border-color:#40545e!important}
html[data-theme=dark] body .brand-primary:not(:disabled){color:white!important}html[data-theme=dark] body .staff-view-page :is(dt,p){color:#a5bac4!important}html[data-theme=dark] body .staff-view-page .summary-phone.verified{color:#55d2a2!important}html[data-theme=dark] body .staff-view-page .summary-phone.unverified{color:#ff8585!important}
@media(max-width:1099px){html body:is(.admin-workspace,.staff-workspace) .theme-toggle{width:38px!important;min-width:38px!important;padding:0!important}html body:is(.admin-workspace,.staff-workspace) .theme-toggle .theme-label{display:none!important}}
@media(max-width:700px){html body.admin-workspace .holiday-add-form{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.holiday-add-form button{justify-self:end!important;min-width:136px!important}.staff-view-details{gap:18px 12px}.staff-view-heading{gap:16px}.staff-view-phone{padding-top:18px}html body.admin-workspace .sw-month{gap:10px!important}.sw-month>strong{min-width:115px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.calendar-month-stage>.sw-grid{will-change:auto}}
html body:is(.admin-workspace,.staff-workspace) .page-content :is(h1,h2,h3){color:#142c39!important}
html body.admin-workspace .metrics :is(small,h2){color:#087e73!important}
html body:is(.admin-workspace,.staff-workspace) .page-content :is(label,.hint,.muted,.ov-sub){color:#637b89!important}
html[data-theme=dark] body:is(.admin-workspace,.staff-workspace) .page-content :is(h1,h2,h3){color:#e4edf0!important}html[data-theme=dark] body.admin-workspace .metrics :is(small,h2){color:#70d9bb!important}html[data-theme=dark] body:is(.admin-workspace,.staff-workspace) .page-content :is(label,.hint,.muted,.ov-sub){color:#a5bac4!important}
html body:is(.admin-workspace,.staff-workspace) .sw-primary:not(:disabled){background:var(--brand-gradient)!important;color:white!important;border:1px solid transparent!important;border-radius:7px!important;font-weight:600!important}
@media(min-width:701px){html body.admin-workspace .page-content .holiday-add-form>label:nth-of-type(1){grid-column:1!important;grid-row:1!important}html body.admin-workspace .page-content .holiday-add-form>label:nth-of-type(2){grid-column:2!important;grid-row:1!important}html body.admin-workspace .page-content .holiday-add-form>button{grid-column:3!important;grid-row:1!important;width:auto!important;min-height:40px!important;height:40px!important;align-self:end!important}}
html body.admin-workspace #staff-edit-popup>.desktop-dialog-close{display:none!important}
html body.admin-workspace #staff-edit-popup>.popup-close{background:transparent!important;border:1px solid #ccdbe1!important;color:#254755!important;border-radius:7px!important;font-weight:400!important}
html[data-theme=dark] body.admin-workspace #staff-edit-popup>.popup-close{color:#dce9ed!important;border-color:#40545e!important}
html body.admin-workspace .calendar-month-stage>.sw-grid{grid-template-rows:32px repeat(6,80px)!important;grid-auto-rows:80px!important;gap:5px!important}
html body.admin-workspace .calendar-month-stage .sw-day{height:100%!important;min-height:0!important;box-sizing:border-box!important;padding:6px 3px!important;gap:4px!important}
@media(max-width:700px){html body.admin-workspace .calendar-month-stage>.sw-grid{grid-template-rows:28px repeat(6,72px)!important;grid-auto-rows:72px!important;gap:3px!important}html body.admin-workspace .calendar-month-stage .sw-day strong{font-size:13px!important;line-height:18px!important}html body.admin-workspace .calendar-month-stage .sw-day span{font-size:12px!important;line-height:16px!important}html body.admin-workspace .calendar-month-stage .sw-day small{font-size:11px!important;line-height:15px!important}}
