/* SalesDesk's desktop proportions, adapted to HRDesk's turquoise palette. */
.hrdesk-footer{font:11px/1.5 system-ui,sans-serif;color:#84928e;text-align:center;padding:22px 18px 28px;margin-top:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1100px){
html:has(body.admin-workspace){background:#fff!important}
body.admin-workspace{--ink:#263d36;--muted:#74867f;--line:#e5ebe8;font:14px/1.5 Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;background:white!important}
body.admin-workspace .shell.authenticated{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
body.admin-workspace .top{height:64px!important;min-height:64px!important;padding:0 20px!important;margin:0!important;gap:24px!important;border-bottom:1px solid #e2e9e6!important;box-shadow:0 2px 12px #19322c08!important;background:#fff!important;align-items:center}
body.admin-workspace .top .brand{gap:9px!important;font-size:17px!important}
body.admin-workspace .top .brandmark{width:32px!important;height:32px!important;font-size:19px!important;border-radius:9px!important;box-shadow:0 3px 8px #138f8620}
body.admin-workspace .top .brand strong{font-size:17px!important;font-weight:800!important;letter-spacing:-.3px}
body.admin-workspace .top .brand small{display:none!important}
body.admin-workspace .top .hrdesk-admin-tabs{height:100%!important;min-height:0!important;align-items:stretch!important;gap:18px!important;flex:1!important;margin:0!important;border:0!important;padding:0!important;box-shadow:none!important}
body.admin-workspace .top .hrdesk-admin-tabs a{padding:0 0!important;display:flex!important;align-items:center!important;font-size:13px!important;font-weight:400!important;height:calc(100% - 10px)!important;white-space:nowrap}
body.admin-workspace .top .hrdesk-admin-tabs .staff-live-underline{bottom:10px;height:3px;border-radius:0}
body.admin-workspace .headtools{margin-left:auto;gap:8px!important;flex:none}
body.admin-workspace .headtools :is(.notification-bell,.iconbtn){width:38px!important;height:38px!important;min-height:38px!important;display:inline-flex!important;align-items:center;justify-content:center;padding:8px!important;border:1px solid #d3e6e1!important;border-radius:6px!important;background:#fff!important;color:#138f86!important}
body.admin-workspace .headtools svg{width:21px!important;height:21px!important;stroke-width:1.8}
/* The live panel fills the viewport; scrolling belongs to its document at the browser edge. */
body.admin-carousel-parent .app-frame,body.admin-carousel-parent .shell.authenticated{max-width:none!important;width:100%!important;padding:0!important}
body.admin-carousel-parent .page-content{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body.admin-panel{height:auto!important;min-height:100vh!important;overflow:visible!important}
body.admin-panel .app-frame{min-height:100vh!important;display:block!important;height:auto!important;overflow:visible!important}
body.admin-panel .shell.authenticated{display:flex!important;flex-direction:column!important;min-height:100vh!important;height:auto!important;overflow:visible!important}
body.admin-panel .page-content{flex:1 0 auto!important;max-width:1600px!important;width:100%!important;padding:32px 28px 24px!important;margin:0 auto!important;overflow:visible!important;scrollbar-gutter:auto!important}
body.admin-panel .hrdesk-footer{flex:none}
body.admin-workspace h1{font-size:26px!important;line-height:1.25;letter-spacing:-.55px;color:#2d443b;font-weight:700;margin:0 0 8px}
body.admin-workspace h2{font-size:18px!important;line-height:1.4;color:#138f86;font-weight:650;letter-spacing:-.2px}
body.admin-workspace h3{font-size:15px!important;line-height:1.4;font-weight:650}
body.admin-workspace .welcome{margin-bottom:26px!important}
body.admin-workspace .welcome p,body.admin-workspace :is(.hint,.muted,.ov-sub){font-size:12px;line-height:1.5;color:#73867e}
body.admin-workspace :is(button,.btn,.sw-button,.settings-action,.record-clear){font-size:12px!important;font-weight:600!important;min-height:40px!important;border-radius:6px!important;padding:10px 15px}
body.admin-workspace .page-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){height:40px;min-height:40px!important;border:1px solid #d8e3de;border-radius:6px!important;padding:9px 11px;font-size:13px!important;font-weight:400!important;background:#fff}
body.admin-workspace label{font-size:12px!important;font-weight:600!important;color:#4f655c}
body.admin-workspace .form{gap:18px}
body.admin-workspace .page-content :is(.panel,.ov-panel,.card,.settings-card){margin-bottom:22px!important}
body.admin-workspace .page-content :is(th,td){padding:12px 14px;font-size:12px;vertical-align:middle;border-bottom:1px solid #e5ebe8!important}
body.admin-workspace th{background:#f7f9f8;color:#60736a;font-weight:650;white-space:nowrap}
body.admin-workspace td .tag{font-size:11px;border-radius:5px;padding:4px 8px}
/* Year and twelve months share one row; the range stays together beneath. */
body.admin-workspace .records-filters{display:grid!important;grid-template-columns:120px repeat(3,minmax(0,1fr)) auto!important;gap:14px 18px!important;align-items:end!important;padding:0 0 22px!important}
body.admin-workspace .records-filters .filter-year{grid-column:1!important;grid-row:1!important}
body.admin-workspace .records-filters .month-group{grid-column:2/-1!important;grid-row:1!important;align-self:end}
body.admin-workspace .records-filters .months{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:6px!important}
body.admin-workspace .records-filters .month-chip span{height:40px!important;min-height:40px!important;font-size:12px!important;padding:7px 4px!important;border-radius:6px!important}
body.admin-workspace .records-filters .filter-range{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;grid-column:1/3!important;grid-row:2!important;min-width:0}
body.admin-workspace .records-filters .filter-range label{display:grid;gap:5px;min-width:0}
body.admin-workspace .records-filters .filter-staff{grid-column:3!important;grid-row:2!important}
body.admin-workspace .records-filters .filter-method{grid-column:4!important;grid-row:2!important}
body.admin-workspace .records-filters .filter-event{grid-column:5!important;grid-row:2!important;min-width:160px}
body.admin-workspace .records-filters .record-actions{grid-column:1/-1!important;grid-row:3!important;justify-content:flex-end!important}
body.admin-workspace .records-scroll{overflow:visible!important}.records-table{min-width:0!important}
.duration-ot{color:#2563eb}.duration-late,.duration-early{color:#bc303e}.records-table :is(.duration-ot,.duration-late,.duration-early){white-space:nowrap}
/* SalesDesk Team Members row structure. */
body.admin-workspace .staff-count{display:inline-block;background:#e1f3ed;color:#138f86;font:700 13px/1.6 system-ui;padding:4px 10px;border-radius:5px;vertical-align:middle;margin-left:6px}
body.admin-workspace .staff-member-list{display:block;width:100%}
body.admin-workspace .staff-member{display:flex!important;align-items:center;gap:12px!important;padding:16px 0!important;border:0!important;border-bottom:1px solid #e9efec!important;margin:0!important;background:none!important}
body.admin-workspace .member-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:9px!important;background:#e0f2ec!important;color:#138f86!important;font-size:15px!important;display:grid;place-items:center;overflow:hidden}
.member-avatar img{width:100%;height:100%;object-fit:cover}
body.admin-workspace .member-details{flex:1!important;min-width:0;display:grid;gap:2px}.member-details strong{font-size:13px}.member-details small{font-size:11px;color:#74867e}
body.admin-workspace .member-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
body.admin-workspace .staff-text-action{display:inline-flex;align-items:center;background:transparent!important;border:0!important;font-size:12px!important;color:#536e62!important;padding:6px 8px!important;min-height:32px!important;box-shadow:none!important}
.staff-text-action:hover{text-decoration:underline}.staff-text-action svg{display:none!important}
body.admin-workspace .staff-status{font-size:10px;font-weight:650;border-radius:5px;padding:4px 8px;min-width:48px;text-align:center;margin-left:8px}.staff-status.active{background:#e1f2e9;color:#087b4e}.staff-status.inactive{background:#fff0d7;color:#946315}
body.admin-workspace .staff-edit-page{max-width:1100px!important;display:block!important;margin:auto!important}.staff-edit-page form>button{justify-self:end;margin-left:auto;width:auto!important;display:flex}.staff-edit-page form:not(.form){display:grid;gap:12px}.staff-edit-page .staff-pay{grid-column:1/-1}
/* Single-column settings, with action controls on the right. */
body.admin-workspace .settings-wrap{display:block!important;max-width:none!important}
body.admin-workspace .settings-card{width:100%;border-bottom:1px solid #e5ebe8!important;padding:24px 0!important}
body.admin-workspace .settings-intro{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px}
.settings-intro p{margin:6px 0 0}.settings-intro>button,.settings-intro>.settings-action{flex:none}
body.admin-workspace .settings-card>form.settings-toggle{display:flex!important;justify-content:flex-end!important}
body.admin-workspace .settings-add{display:grid!important;grid-template-columns:1fr 1fr auto!important;align-items:end;gap:16px}
body.admin-workspace .settings-card>.settings-action{display:table!important;margin:14px 0 0 auto!important}
body.admin-workspace .settings-device>form{margin-left:auto}.settings-phone-section .phone-approvals-dropdown{border:0!important;padding-bottom:0;margin-top:16px}
body.admin-workspace .settings-phone-section .line{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0!important}.settings-phone-section .line>div:last-child{margin-left:auto}
/* Template text on the left; Use / Edit / Delete form one action row on the right. */
body.admin-workspace .sw-template{display:grid!important;grid-template-columns:minmax(180px,1fr) auto!important;align-items:center;gap:14px 24px;padding:20px 0!important}
body.admin-workspace .template-copy h3{margin:0 0 5px}.template-copy p{font-size:12px;color:#74867e;margin:0}
body.admin-workspace .template-actions{display:flex!important;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}.template-actions .sw-template-delete-wrap{margin:0!important;padding:0!important;border:0!important}.template-actions>a{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px!important;border-radius:6px!important;padding:10px 15px!important}
body.admin-workspace .sw-template>details{grid-column:1/-1!important;width:100%}
body.admin-workspace .sw-template>details:not([open]){display:none!important}
body.admin-workspace .sw-template>details>summary{display:none!important}
body.admin-workspace .sw-day :is(span,small){color:inherit!important}.admin-workspace .sw-day.sw-scheduled :is(span,small){color:#138f86!important}
body.admin-workspace :is(.sw-day,.sw-summary) svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;vertical-align:-2px}
body.admin-workspace .sw-template-form>button{display:flex;margin-left:auto}
}
/* Shared sign-in follows the reference card, rather than a narrow portal shell. */
body.login-workspace{background:#fff!important;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;color:#293f35;min-height:100dvh;margin:0}
body.login-workspace .app-frame{display:block!important;background:#fff!important;min-height:100dvh}
body.login-workspace .shell.unauthenticated{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;min-height:100dvh;display:flex;flex-direction:column;background:white!important;box-shadow:none!important}
body.login-workspace .top{display:none!important}
body.login-workspace .page-content{flex:1;display:grid;place-items:center;padding:32px 20px!important;margin:0!important;width:100%!important;max-width:none!important}
body.login-workspace .login-card{width:390px;max-width:100%;padding:32px;border:1px solid #d9e5df;border-radius:18px;background:white;box-shadow:0 12px 38px #223d3208}
body.login-workspace .login-brand{display:flex;align-items:center;gap:9px;font-size:17px;margin-bottom:32px}
body.login-workspace .login-brand .brandmark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#138f86;color:#fff;font-weight:800;font-size:18px;box-shadow:0 3px 8px #138f8620}
body.login-workspace .brand-desk{color:#138f86}
body.login-workspace h1{font-size:26px;margin:0 0 8px;letter-spacing:-.6px}.login-card>.hint{font-size:12px;color:#74867e;margin-bottom:24px}
body.login-workspace .login-form{display:grid;gap:18px}.login-form label{display:grid;gap:6px;font-size:12px;font-weight:600}.login-form input{width:100%;height:38px;border:1px solid #d9e5df!important;border-radius:6px!important;background:white;font-size:14px;padding:8px 10px}.login-form input:focus{outline:2px solid #138f8630;outline-offset:1px}
body.login-workspace .login-form .btn{height:44px;border:0;border-radius:6px!important;background:#138f86!important;color:white;font-size:12px;font-weight:650;width:100%;margin-top:6px;box-shadow:0 3px 8px #138f8620}
body.login-workspace .login-private{text-align:center;color:#84928e;font-size:11px;margin:22px 0 0}
@media(max-width:1099px){.filter-range{display:contents}.template-edit-toggle{display:none!important}}
@media(min-width:1100px){
body.admin-workspace .records-filters .filter-range :is(.filter-from,.filter-to){grid-column:auto!important;grid-row:auto!important}
body.admin-workspace .template-actions .sw-template-delete{margin:0!important;height:40px!important;min-height:40px!important;font-size:12px!important;font-weight:600!important;padding:10px 15px!important;line-height:20px!important;display:inline-flex;align-items:center}
body.admin-workspace .sw-layout{max-width:none!important;width:100%!important}
}
@media(max-width:1099px){.staff-status{font-size:11px;border-radius:5px;padding:4px 8px;background:#e1f2e9;color:#087b4e}.staff-status.inactive{background:#fff0d7;color:#946315}.staff-text-action{font-size:12px;padding:6px}.member-details small{display:block}}
@media(min-width:1100px){
body.admin-workspace .page-content .member-actions .staff-text-action{background:transparent!important;color:#536e62!important;border:0!important;border-radius:0!important;padding:5px 7px!important;min-height:30px!important;font-size:12px!important;font-weight:400!important}
body.admin-workspace .page-content .member-actions .staff-text-action.danger-text{color:#a13d41!important}
body.admin-workspace .shift-workspace{max-width:none!important;width:100%!important}
body.admin-workspace .settings-subpage :is(form>.btn,form>button){margin-left:auto!important;justify-self:end!important;width:auto!important;display:flex}
body.admin-workspace .settings-subpage .actions{justify-content:flex-end!important}
body.admin-workspace .settings-subpage .form{grid-template-columns:1fr!important;max-width:none!important}
}
@media(min-width:1100px){
body.admin-workspace .page-content .admin-action{border-radius:6px!important;font-size:12px!important;min-height:40px!important;font-weight:600!important}
body.admin-workspace .member-details :is(strong,small){margin:0!important;padding:0!important;line-height:1.5!important}
body.admin-workspace .staff-member{min-height:76px;padding:14px 0!important}
}
@media(min-width:1250px){
body.admin-workspace .records-filters{grid-template-columns:120px minmax(150px,1fr) minmax(180px,1.3fr) minmax(150px,1fr) minmax(150px,1fr) auto!important}
body.admin-workspace .records-filters .record-actions{grid-column:6!important;grid-row:2!important;white-space:nowrap;gap:8px}
body.admin-workspace .records-filters .filter-event{min-width:0}
}