.simplified-shell main{min-width:0}.schedule-toolbar{gap:12px}.schedule-toolbar .action-row{margin-left:auto}.company-summary,.ops-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.company-summary>div,.ops-kpis>div{background:#fff;border:1px solid #dbe6f0;border-radius:14px;padding:16px 18px;box-shadow:0 6px 18px rgba(16,47,88,.05)}.company-summary small,.ops-kpis small{display:block;color:#66788a;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.company-summary strong,.ops-kpis strong{font:800 1.55rem Manrope;color:#153a63;margin-right:6px}.company-summary span{color:#718195;font-size:.8rem}.ops-kpis .alert-kpi{border-color:#f1c6c6;background:#fff9f9}.department-filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid #cad8e6;background:#f7fafe;color:#47627d;border-radius:999px;padding:7px 12px;cursor:pointer;font-weight:700}.filter.active{background:#1e64a2;color:#fff;border-color:#1e64a2}.company-schedule-table{max-height:68vh}.company-week{min-width:1320px}.company-week td:first-child,.company-day td:first-child{min-width:170px}.company-week td:first-child small,.company-day td:first-child small{display:block;color:#75879a;margin-top:3px}.company-week th:not(:first-child){min-width:145px}.shift-cell{width:100%;border:1px solid #c7ddf2;background:#eef7ff;color:#174d7d;border-radius:9px;padding:8px;text-align:left;cursor:pointer}.shift-cell:hover{border-color:#4e8fc8;background:#e2f1ff}.shift-cell b,.shift-cell small{display:block;font-size:.75rem}.shift-cell small{color:#5f7890;margin-top:4px}.off-cell{color:#9aa7b5}.dept-pill,.access-badge{display:inline-flex;background:#edf3f9;color:#315a7f;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:700}.edit-link,.edit-types{background:none;border:0;color:#246fac;font-weight:700;cursor:pointer}.status.off{background:#edf1f4;color:#71808d}.ops-tabs{display:flex;gap:6px;border-bottom:1px solid #d8e3ed;margin-bottom:18px;overflow-x:auto}.ops-tabs button{border:0;background:none;color:#64778b;padding:12px 16px;border-bottom:3px solid transparent;font-weight:700;white-space:nowrap;cursor:pointer}.ops-tabs button.active{color:#1b5e99;border-bottom-color:#2f80c4}.ops-panel{display:none}.ops-panel.active{display:block}.assignment-editor{display:grid;gap:8px}.assignment-row{display:grid;grid-template-columns:1.2fr 1.3fr .75fr .75fr 40px;gap:10px;align-items:center;padding:8px;border-radius:10px;background:#f8fbfe;border:1px solid #e3ebf2}.assignment-head{background:#eaf2f9;color:#49657e;font-size:.78rem;font-weight:800;text-transform:uppercase}.assignment-row select,.assignment-row input,.access-select{width:100%;border:1px solid #ccd9e5;border-radius:8px;background:#fff;padding:9px;color:#20364b}.row-delete{border:0;background:#fdecec;color:#a64343;border-radius:8px;width:32px;height:32px;font-size:1.15rem;cursor:pointer}.helpful-hint-editor{margin-top:18px}.helpful-hint-editor textarea{width:100%;min-height:90px;border:1px solid #cbd9e5;border-radius:10px;padding:12px}.two-column-ops{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editable-list .list-item{grid-template-columns:auto 1fr auto auto}.view-as,.employee-as{display:grid;gap:3px;color:#65788b;font-size:.7rem;font-weight:700;text-transform:uppercase}.view-as select,.employee-as select{border:1px solid #cbd9e5;border-radius:8px;padding:7px 9px;background:#fff;color:#183955;min-width:140px}.clock-work-type{text-align:left;width:100%;margin:20px 0}.clock-work-type>b{display:block;margin-bottom:9px;color:#304f6d}.clock-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.clock-type{border:1px solid #b8d1e8;background:#edf6ff;color:#245f91;border-radius:8px;padding:9px 10px;text-align:left;font-size:.76rem;font-weight:700;cursor:pointer}.clock-type.active{background:#276fae;color:#fff;border-color:#276fae;box-shadow:0 5px 12px rgba(39,111,174,.2)}.edit-types{margin-top:10px}.timeclock-layout{align-items:start}
@media(max-width:1050px){.company-summary,.ops-kpis{grid-template-columns:1fr 1fr}.two-column-ops{grid-template-columns:1fr}.assignment-row{grid-template-columns:1fr 1.2fr 1fr 1fr 34px}}
@media(max-width:680px){.company-summary,.ops-kpis{grid-template-columns:1fr 1fr}.schedule-toolbar .action-row{margin-left:0}.assignment-head{display:none}.assignment-row{grid-template-columns:1fr 1fr}.assignment-row .row-delete{grid-column:2;justify-self:end}.clock-type-buttons{grid-template-columns:1fr}.view-as,.employee-as{display:none}}

.access-key{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:520px}.access-badge{border:1px solid transparent}.access-admin{background:#fff0c2;color:#704c00;border-color:#ebc354}.access-director{background:#eee7ff;color:#58339b;border-color:#cbb8f5}.access-ops{background:#dcf7f1;color:#116657;border-color:#9cddd0}.access-reception-agent{background:#e2f2ff;color:#145f93;border-color:#afd5f1}.access-research-agent{background:#f9e6f4;color:#8b336f;border-color:#e9b8da}.job-title{font-weight:750;color:#1d3f60}.form-grid label small{display:block;margin-top:6px;color:#63788c;font-size:.75rem;line-height:1.35;font-weight:500;text-transform:none;letter-spacing:0}
@media(max-width:900px){.access-key{justify-content:flex-start;max-width:none}}

/* Refined time clock */
#timeclockView{max-width:1500px;margin:0 auto}.timeclock-layout{display:grid;grid-template-columns:1fr;gap:20px}.clock-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,.9fr) minmax(480px,1.5fr);grid-template-areas:"brand action types";gap:24px;align-items:stretch;padding:26px;border-radius:22px;text-align:left;background:linear-gradient(135deg,#102f58 0%,#174d7d 58%,#1d659b 100%);box-shadow:0 18px 40px rgba(16,47,88,.18);overflow:hidden;position:relative}.clock-panel:after{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border-radius:50%;background:rgba(112,201,255,.09);pointer-events:none}.clock-brand-block{grid-area:brand;display:flex;align-items:center;gap:16px;padding:4px 8px;position:relative;z-index:1}.clock-cloud{flex:0 0 auto;margin:0;width:66px;height:66px;border-radius:18px;background:linear-gradient(145deg,#3983c5,#255d92);color:#bde8ff;font-size:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.14)}.clock-brand-block h2{font-size:1.45rem;margin:5px 0 4px}.clock-brand-block p{margin:0;color:#c8dced;line-height:1.45}.clock-eyebrow,.timecard-eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#84caf7}.clock-action-block{grid-area:action;display:grid;grid-template-columns:1fr auto;grid-template-areas:"status time" "button button";gap:12px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(6,27,53,.25);position:relative;z-index:1}.clock-status{grid-area:status;margin:0;padding:0;border:0;background:none;align-self:center}.clock-status small{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.clock-status strong{font-size:1.22rem;margin:3px 0}.clock-status span{font-size:.8rem}.live-clock{grid-area:time;margin:0;align-self:center;font-size:1.35rem;white-space:nowrap}.clock-button{grid-area:button;min-height:46px;border-radius:11px;background:linear-gradient(135deg,#4b94ff,#2f78ec);font-size:.95rem;box-shadow:0 8px 20px rgba(20,87,201,.35)}.clock-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.clock-work-type{grid-area:types;margin:0;padding:16px 18px;border-radius:16px;background:#fff;color:#173a60;position:relative;z-index:1}.clock-work-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.clock-work-heading>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.clock-work-heading b{align-self:center}.clock-work-heading small{grid-column:2;color:#708297;margin-top:2px;font-size:.75rem}.clock-step{display:grid;place-items:center;grid-row:1/3;width:25px;height:25px;border-radius:8px;background:#e4f2ff;color:#1f6fb0;font-weight:800}.clock-work-type .edit-types{margin:0;padding:5px 0;white-space:nowrap;font-size:.76rem}.clock-type-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.clock-type{min-height:45px;border-color:#d3e1ee;background:#f4f8fc;color:#244f75;border-radius:10px;padding:8px 10px;font-size:.72rem;line-height:1.25}.clock-type:hover{border-color:#6ba4d5;background:#edf6ff}.clock-type.active{background:linear-gradient(135deg,#2879bd,#2167a4);border-color:#2167a4;box-shadow:0 6px 14px rgba(32,103,164,.22)}.timecard-card{border-radius:18px;padding:22px 24px;box-shadow:0 10px 28px rgba(16,47,88,.08)}.timecard-card .card-head{align-items:center;margin-bottom:16px}.timecard-card .card-head h2{margin-top:4px}.timecard-eyebrow{color:#327db8}.timecard-total{display:grid;text-align:right;padding:10px 14px;border-radius:12px;background:#eef7ff;border:1px solid #d1e6f7}.timecard-total small{color:#678198;font-size:.72rem;font-weight:700;text-transform:uppercase}.timecard-total strong{color:#164f80;font:800 1.45rem Manrope}.timecard-card .table th{padding:11px 12px;background:#edf4fa;color:#526f89;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.timecard-card .table td{padding:14px 12px;font-size:.87rem}.timecard-card .table tbody tr:hover{background:#f7fbff}.current-time-row{background:#edf7ff}.current-time-row td:first-child{border-left:4px solid #2e80c3}.current-time-row td:first-child small{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:99px;background:#d6efff;color:#17679f;font-size:.67rem;font-weight:800;text-transform:uppercase}.time-hours{display:inline-flex;min-width:48px;justify-content:center;padding:5px 8px;border-radius:8px;background:#eef3f7;color:#294d6c;font-weight:800}.time-hours.active{background:#dff2ff;color:#146b9f}
@media(max-width:1250px){.clock-panel{grid-template-columns:1fr 1fr;grid-template-areas:"brand action" "types types"}.clock-type-buttons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.clock-panel{grid-template-columns:1fr;grid-template-areas:"brand" "action" "types";padding:18px;gap:14px}.clock-type-buttons{grid-template-columns:1fr 1fr}.clock-brand-block{padding:0}.clock-action-block{grid-template-columns:1fr;grid-template-areas:"status" "time" "button"}.live-clock{text-align:left}.timecard-card{padding:16px}.timecard-total{display:none}}
.ops-autosave-status{display:inline-flex;align-items:center;align-self:center;padding:8px 11px;border-radius:999px;background:#e8f6ef;color:#24724d;border:1px solid #bfe5d0;font-size:.78rem;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.ops-autosave-status.saved{background:#d8f3e5;transform:scale(1.02)}

/* Stronger schedule controls and legend */
#scheduleView .schedule-toolbar{padding:13px 15px;border:1px solid #c6daeb;border-radius:15px;background:linear-gradient(135deg,#f7fbff,#edf6fd);box-shadow:0 7px 18px rgba(19,74,117,.07)}#scheduleView .date-control{border:2px solid #80b6dc;box-shadow:0 4px 10px rgba(25,105,160,.1)}#scheduleView .date-control button{background:#e5f3fd;color:#12679f;font-weight:900;cursor:pointer}#scheduleView .date-control button:hover{background:#cfe9fa}#scheduleView .date-control input{background:#fff;color:#123e63;font-weight:800}#scheduleMode{border:1px solid #c8d9e7;background:#dfeaf3}#scheduleMode button{font-weight:800;color:#526b80}#scheduleMode button[data-mode="week"].active{background:#6657ae;color:#fff;box-shadow:0 4px 10px rgba(102,87,174,.25)}#scheduleMode button[data-mode="day"].active{background:#247db9;color:#fff;box-shadow:0 4px 10px rgba(36,125,185,.25)}.schedule-scope{border:1px solid #9bc6e4;background:#e8f4fc}.schedule-scope button{font-weight:800}.schedule-scope button[data-scope="team"].active{background:#1676b4;color:#fff;box-shadow:0 4px 10px rgba(22,118,180,.25)}.schedule-scope button[data-scope="mine"].active{background:#7a5db1;color:#fff;box-shadow:0 4px 10px rgba(122,93,177,.25)}.schedule-board.whole-company{border-top:5px solid #176ca7;box-shadow:0 10px 26px rgba(16,61,101,.09)}.schedule-board.whole-company>.card-head{margin:-20px -20px 14px;padding:18px 20px 15px;background:linear-gradient(110deg,#eef8ff,#f7f4ff);border-bottom:1px solid #d7e5f0;border-radius:10px 10px 0 0}.schedule-board #scheduleHeading{color:#0d4772;font-size:1.2rem}.schedule-board #scheduleHeading:before{content:"▦";display:inline-grid;place-items:center;width:31px;height:31px;margin-right:9px;border-radius:9px;background:#176ca7;color:#fff;font-size:.9rem;vertical-align:middle}.schedule-board .card-head p{margin-left:42px;color:#536f86}.timeline-legend{gap:8px;padding:6px 0 15px}.timeline-legend span{padding:6px 10px;border-radius:999px;border:1px solid transparent}.timeline-legend span:nth-child(1){background:#e4f2f8;color:#226582;border-color:#bedce9}.timeline-legend span:nth-child(2){background:#d9edf5;color:#185a78;border-color:#8fbed1}.timeline-legend span:nth-child(3){background:#f5f7fa;color:#5f7182;border-color:#d7e0e8}.timeline-legend span:nth-child(4){background:#fff0ee;color:#a64038;border-color:#efb9b4}.timeline-legend i{width:20px;height:13px}.timeline-legend small{padding:6px 10px;border-radius:8px;background:#f2f6fa;color:#60788e;font-weight:700}
.schedule-modal form{max-width:760px}.shift-section{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f4f8fc;border:1px solid #d9e5ef;border-radius:12px;padding:14px}.shift-section-title{grid-column:1/-1;display:flex;align-items:center;gap:10px;color:#1a436b}.shift-section-title span{font-size:.8rem;color:#718296}.shift-section-title button{margin-left:auto;border:0;background:none;color:#aa4949;font-weight:700;cursor:pointer}.add-split{border:1px dashed #5d91bf;background:#f0f7fd;color:#1f639f;border-radius:10px;padding:11px;font-weight:800;cursor:pointer}.schedule-note{margin:0;background:#eaf4fc;color:#315f84;border-radius:9px;padding:10px 12px;font-size:.83rem}.form-grid [hidden]{display:none!important}
@media(max-width:680px){.shift-section{grid-template-columns:1fr 1fr}}
.timeline-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:4px 2px 14px;color:#486279;font-size:.78rem}.timeline-legend span{display:flex;align-items:center;gap:6px;font-weight:700}.timeline-legend i{display:inline-block;width:18px;height:12px;border:1px solid #b7cfdf;border-radius:3px}.timeline-legend .legend-work{background:#cae1ed}.timeline-legend .legend-lunch{background:#5c98b5}.timeline-legend .legend-open{background:#fff}.timeline-legend .legend-gap{background:#ffe2df;border-color:#efaba5}.timeline-legend small{margin-left:auto;color:#72869a}.visual-schedule-scroll{overflow:auto;border:1px solid #c9dbe9;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(16,61,101,.06)}.visual-schedule{min-width:1420px}.visual-grid-row{display:grid;grid-template-columns:210px 180px repeat(29,34px) 80px;align-items:stretch}.visual-time-header{position:sticky;top:0;z-index:3;background:#f1f7fc;color:#4d6880;border-bottom:1px solid #aac5d8}.visual-name-head,.visual-summary-head,.visual-hours-head{display:flex;align-items:center;padding:9px 10px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.visual-time-label{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);height:58px;border-left:1px solid #d6e3ec;font-size:.62rem;font-weight:800;color:#60778b}.visual-coverage-row{background:#145a91;color:#fff;border-bottom:6px solid #fff}.visual-coverage-row>div:first-child{padding:9px 10px}.visual-coverage-row small{display:block;opacity:.75;margin-top:2px}.coverage-target{display:inline-flex;margin:11px 8px;background:rgba(255,255,255,.14);border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.visual-coverage-cell{display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.16);font-size:.77rem}.visual-coverage-cell.short{background:#ffe2df;color:#9b302c}.coverage-total{display:flex;align-items:center;justify-content:center;font-weight:800;border-left:1px solid rgba(255,255,255,.2)}.visual-department{border-bottom:7px solid #fff}.visual-department-title{display:flex;align-items:center;gap:10px;padding:7px 11px;color:#fff;background:#2a638e}.visual-department-title span{font-size:.7rem;opacity:.78}.visual-department.reception .visual-department-title{background:#397d8c}.visual-department.research .visual-department-title{background:#536ba3}.visual-department.other .visual-department-title{background:#687b8b}.visual-person-row{width:100%;padding:0;border:0;border-bottom:1px solid #b8d1df;background:#fff;color:#183650;text-align:left;cursor:pointer;font:inherit}.visual-person-row:hover{position:relative;z-index:1;box-shadow:inset 3px 0 #2e82bc;background:#f8fcff}.visual-person,.visual-shift-summary,.visual-hours{padding:8px 10px;min-height:52px}.visual-person{border-right:1px solid #b8d1df}.visual-person b,.visual-person small,.visual-shift-summary b,.visual-shift-summary small,.visual-hours b,.visual-hours small{display:block}.visual-person b{color:#145885;font-size:.8rem}.visual-person small,.visual-shift-summary small,.visual-hours small{color:#718497;font-size:.65rem;margin-top:3px}.visual-shift-summary b{font-size:.7rem;line-height:1.25}.visual-shift-cell{border-left:1px solid rgba(255,255,255,.55);min-height:52px}.visual-shift-cell.work{background:#c9e0e9}.visual-department.reception .visual-shift-cell.work{background:#c3dfe3}.visual-department.research .visual-shift-cell.work{background:#d3dcf0}.visual-shift-cell.lunch{background:#5797b4;box-shadow:inset 0 0 0 1px rgba(23,82,113,.14)}.visual-shift-cell.open{background:#fff;border-left-color:#e8eef3}.visual-hours{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#edf6fb;border-left:1px solid #b8d1df;text-align:center}.visual-hours b{color:#175b89;font-size:.82rem}.visual-department.reception .visual-hours{background:#e3f1f2}.visual-department.research .visual-hours{background:#e9edf7}
@media(max-width:680px){.timeline-legend small{width:100%;margin-left:0}.visual-schedule-scroll{border-radius:10px}.visual-grid-row{grid-template-columns:180px 160px repeat(29,32px) 72px}}
.qualifications-toolbar{justify-content:space-between}.qualification-key{display:flex;gap:16px;align-items:center;color:#587087;font-size:.8rem;font-weight:700}.qualification-key span{display:flex;align-items:center;gap:6px}.qual-dot{width:15px;height:15px;border-radius:4px;display:inline-block}.qual-dot.qualified{background:#176c86}.qual-dot.not-qualified{background:#eef3f7;border:1px solid #ccd9e3}.qualification-table-wrap{max-height:68vh}.qualification-table{min-width:1380px}.qualification-table th{position:sticky;top:0;z-index:2;background:#eaf3fa;white-space:normal;line-height:1.2;min-width:72px;text-align:center}.qualification-table th:first-child,.qualification-table td:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:190px;text-align:left;box-shadow:5px 0 9px rgba(20,64,98,.06)}.qualification-table thead th:first-child{z-index:3;background:#eaf3fa}.qualification-table td{text-align:center;padding:7px}.qualification-check{display:flex;align-items:center;justify-content:center;margin:auto;width:30px;height:30px;border-radius:7px;background:#eef3f7;color:#93a2ae;font-weight:900;cursor:pointer}.qualification-check.is-qualified{background:#176c86;color:#fff}.qualification-check input{position:absolute;opacity:0;pointer-events:none}.qualification-check:has(input:focus-visible){outline:3px solid #77b7e4;outline-offset:2px}.qualification-check:has(input:disabled){cursor:default}.restriction-card{margin-top:18px}.restriction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.restriction-item{display:flex;flex-direction:column;gap:4px;border:1px solid #d9e5ee;background:#f7fbfe;border-radius:11px;padding:12px 14px}.restriction-item b{color:#184f7b}.restriction-item span{color:#667b8d;font-size:.82rem;line-height:1.35}@media(max-width:850px){.restriction-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.restriction-grid{grid-template-columns:1fr}.qualification-key{width:100%}}
.staffing-strip-card{margin-bottom:18px;background:linear-gradient(135deg,#0f4f86,#1268a8);color:#fff}.staffing-strip-card .card-head{border-bottom-color:rgba(255,255,255,.18)}.staffing-strip-card .card-head h2,.staffing-strip-card .card-head p{color:#fff}.staffing-strip-card .card-head p{opacity:.78}.staffing-total{text-align:right;border-left:1px solid rgba(255,255,255,.25);padding-left:18px}.staffing-total small{display:block;font-size:.7rem;opacity:.8;text-transform:uppercase}.staffing-total strong{font:800 1.8rem Manrope}.staffing-strip-scroll{overflow-x:auto;padding-bottom:5px}.staffing-strip{display:grid;grid-template-columns:repeat(29,58px);min-width:max-content;border:1px solid rgba(255,255,255,.25);border-radius:8px;overflow:hidden}.staffing-block{background:#e8f2fb;color:#164e7e;text-align:center;border-right:1px solid #b7cee2}.staffing-block small{display:block;background:#f7fbff;color:#5e7488;font-size:.62rem;padding:5px 2px;white-space:nowrap}.staffing-block strong{display:block;font:800 1rem Manrope;padding:8px 2px}.staffing-block.gap strong{background:#ffe7e4;color:#ad4037}.weekly-hours{display:inline-flex;min-width:48px;justify-content:center;background:#e7f2fc;color:#1c5d93;border-radius:7px;padding:7px 9px}.weekly-hours.full{background:#ffe3e3;color:#b53d45}.ops-staffing{margin-top:0}.company-week th:nth-child(3){min-width:100px}
.my-assignment-card{position:relative;display:grid;grid-template-columns:minmax(240px,1fr) 1.4fr;gap:24px;align-items:center;margin-bottom:18px;padding:20px 22px;overflow:hidden;border-color:#b9d9ee;background:linear-gradient(135deg,#f7fbff,#eaf5fd)}.my-assignment-card[hidden]{display:none}.my-assignment-accent{position:absolute;inset:0 auto 0 0;width:6px;background:#2177b4}.my-assignment-card small{color:#3d76a1;font-weight:800;letter-spacing:.08em}.my-assignment-card h2{margin:4px 0 2px;color:#163e63}.my-assignment-card p{margin:0;color:#587087}.my-assignment-roles{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.agent-role-chip{display:flex;flex-direction:column;gap:3px;min-width:155px;padding:11px 13px;border-radius:10px;background:#17669e;color:#fff}.agent-role-chip span{font-size:.75rem;opacity:.85}.agent-role-chip.inbound{background:#317e88}.agent-role-chip.off{background:#8696a4}.ops-snapshot-card{margin-bottom:18px}.ops-snapshot{overflow-x:auto}.snapshot-head,.snapshot-agent-row{display:grid;grid-template-columns:minmax(270px,1fr) minmax(510px,1.65fr) 170px;gap:12px;align-items:center;min-width:980px}.snapshot-head{padding:9px 12px;background:#eaf3fa;color:#547087;border-radius:9px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.snapshot-agent-row{padding:10px 12px;border-bottom:1px solid #e1e9ef}.snapshot-agent-row:hover{background:#f8fbfe}.snapshot-person{display:flex;align-items:center;gap:10px}.snapshot-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:10px;background:#dcecf8;color:#1a6094;font-weight:800}.snapshot-person b,.snapshot-person small{display:block}.snapshot-person b{color:#1d3e5a}.snapshot-person small{margin-top:2px;color:#718497;font-size:.72rem}.snapshot-assignments{display:grid;gap:7px}.snapshot-assignment{display:grid;grid-template-columns:minmax(145px,1fr) 105px 18px 105px 30px;gap:7px;align-items:center}.snapshot-assignment select,.snapshot-assignment input{min-width:0;width:100%;border:1px solid #cbd9e5;border-radius:7px;background:#fff;padding:7px;color:#24435d}.snapshot-assignment>span{text-align:center;color:#7e8e9b;font-size:.72rem}.snapshot-delete{border:0;border-radius:7px;background:#fdecec;color:#a64343;height:32px;cursor:pointer}.inbound-default{display:flex;align-items:center;gap:8px;color:#2c727b}.inbound-default b{background:#e5f2f3;border-radius:999px;padding:7px 10px}.inbound-default span{font-size:.75rem;color:#75899a}.snapshot-actions{display:flex;gap:6px}.snapshot-add,.snapshot-edit{border:1px solid #bcd3e5;border-radius:8px;background:#edf6fc;color:#1f6397;padding:8px 9px;font-weight:700;font-size:.72rem;cursor:pointer}.snapshot-edit{background:#fff;color:#557086}.agent-alert{position:fixed;z-index:1000;right:24px;top:24px;display:grid;grid-template-columns:42px minmax(220px,1fr) auto;gap:13px;align-items:center;max-width:560px;padding:17px 18px;border:1px solid #94c5e7;border-radius:15px;background:#fff;box-shadow:0 18px 55px rgba(13,48,79,.22)}.agent-alert[hidden]{display:none}.agent-alert-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#1f75ae;color:#fff;font:800 1.25rem Manrope}.agent-alert small{color:#2a75a7;font-weight:800;letter-spacing:.08em}.agent-alert h2{margin:2px 0;color:#153f62;font-size:1rem}.agent-alert p{margin:0;color:#5e7386;font-size:.82rem;line-height:1.4}.agent-alert button{border:0;border-radius:8px;background:#1d6fa8;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}@media(max-width:700px){.my-assignment-card{grid-template-columns:1fr}.my-assignment-roles{justify-content:flex-start}.agent-alert{left:12px;right:12px;top:12px;grid-template-columns:38px 1fr}.agent-alert button{grid-column:2;justify-self:start}}
.employee-actions{display:flex;gap:7px;white-space:nowrap}.employee-edit-btn,.employee-delete-btn{border:1px solid #bcd3e5;border-radius:8px;background:#edf6fc;color:#1f6397;padding:7px 12px;font-weight:800;cursor:pointer}.employee-edit-btn:hover{background:#dceefa}.employee-delete-btn{border-color:#efc5c5;background:#fff3f3;color:#ad3f3f}.employee-delete-btn:hover{background:#ffe3e3}
.ops-overview-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:24px 26px;border-radius:18px;color:#fff;background:linear-gradient(125deg,#0d4779 0%,#176ea8 58%,#248aa9 100%);box-shadow:0 13px 30px rgba(15,73,119,.18)}.ops-overview-banner h2{margin:4px 0 3px;color:#fff;font:800 1.45rem Manrope}.ops-overview-banner p{margin:0;color:rgba(255,255,255,.78)}.ops-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:#bfe6ff}.gmail-marker-guide{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.09)}.gmail-marker-guide small{display:block;margin-bottom:7px;font-size:.65rem;font-weight:800;letter-spacing:.1em;color:#d9efff}.gmail-marker-guide>div{display:flex;gap:9px}.gmail-symbol{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;background:#f3f6f8;font-weight:900;font-size:1rem}.gmail-symbol.yellow,.gmail-symbol.yellow-star{color:#e3a900;background:#fff4c4}.gmail-symbol.orange,.gmail-symbol.orange-arrow{color:#e36f1e;background:#ffead8}.gmail-symbol.red,.gmail-symbol.red-bang{color:#d73c3c;background:#ffe0e0}.gmail-symbol.purple,.gmail-symbol.purple-question{color:#844bb1;background:#f0e2fa}.gmail-symbol.blue,.gmail-symbol.blue-star{color:#317dc0;background:#deefff}.gmail-symbol.green,.gmail-symbol.green-star{color:#27835b;background:#ddf4e8}.gmail-marker-select{border:1px solid #d1c4e6!important;background:#f8f3ff!important;color:#5f4382!important;font-weight:700}.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(130px,1fr) 92px 18px 92px 150px 30px}.ops-kpis>div{position:relative;overflow:hidden}.ops-kpis>div:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#2f80c4}.ops-kpis>div:nth-child(2):before{background:#6c79c9}.ops-kpis>div:nth-child(3):before{background:#3b9a92}.ops-kpis>div:nth-child(4):before{background:#dc6c66}.ops-snapshot-card{border:0;box-shadow:0 10px 28px rgba(23,63,96,.09)}.snapshot-agent-row:nth-child(even){background:#fbfdff}.snapshot-agent-row{transition:background .15s ease,transform .15s ease}.snapshot-agent-row:hover{background:#f1f8fd;box-shadow:inset 4px 0 #3988bd}.snapshot-avatar{border-radius:50%;box-shadow:0 3px 9px rgba(30,91,133,.12)}@media(max-width:700px){.ops-overview-banner{align-items:flex-start;flex-direction:column}.gmail-marker-guide{width:100%}}
.ops-author-picker{display:grid;gap:4px;color:#60768a;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ops-author-picker select{min-width:190px;border:1px solid #c6d9e8;border-radius:9px;background:#f5faff;color:#214f74;padding:9px 10px;font-weight:700}.report-notes-grid label{position:relative}.report-notes-grid [data-note-meta]{display:block;min-height:18px;margin-top:6px;color:#71879a;font-size:.7rem;font-weight:600}.ops-change-log-card{margin-top:18px}.ops-change-log{display:grid;gap:8px}.ops-change-item{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:10px 12px;border:1px solid #dce7ef;border-radius:11px;background:#f8fbfe}.ops-change-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#dceefa;color:#1a6398;font-weight:800}.ops-change-item b{color:#21465f}.ops-change-item p{margin:2px 0 0;color:#718497;font-size:.78rem}.ops-change-item time{color:#6f8294;font-size:.72rem}.daily-report-card{border:0;box-shadow:0 10px 28px rgba(23,63,96,.08)}
.snapshot-tools,.ops-export-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.snapshot-tools label{display:flex;align-items:center;gap:7px;color:#60778b;font-size:.76rem;font-weight:700}.snapshot-tools input{accent-color:#2579b3}.snapshot-agent-row.ended-shift{opacity:.46;filter:grayscale(.7);background:#f1f3f5}.snapshot-agent-row.ended-shift .snapshot-avatar{background:#d8dde1;color:#78858f}.ops-export-tools{display:flex}.ops-export-tools .btn{font-size:.74rem;padding:9px 11px}@media(max-width:900px){.ops-export-tools{width:100%;order:3}.snapshot-tools{align-items:flex-start;flex-direction:column}}
.working-today-card{margin-bottom:18px}.working-today-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:10px}.working-agent{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #dce8f1;border-radius:12px;background:#f8fbfe}.working-agent b,.working-agent small{display:block}.working-agent b{color:#183f60}.working-agent small{margin-top:3px;color:#708497;font-size:.72rem}.working-agent.ended-shift{opacity:.46;filter:grayscale(.7);background:#f1f3f5}.assignment-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible}.assignment-role-card{min-width:0;border:1px solid #dbe6ef;border-top:4px solid #2f80c4;border-radius:13px;background:#fff;overflow:hidden}.assignment-role-card.inbound-role{border-top-color:#3b918c}.assignment-role-head{padding:12px 14px;background:#f2f8fc;border-bottom:1px solid #dbe6ef}.assignment-role-head>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.assignment-role-head h3{margin:0;color:#194d75;font:800 1rem Manrope}.assignment-role-head span{color:#6c8193;font-size:.72rem;font-weight:800}.assignment-role-list{display:grid;padding:4px 12px}.role-agent{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 90px 18px 90px 30px;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f6}.role-agent:last-child{border-bottom:0}.role-agent-name b,.role-agent-name small,.inbound-agent b,.inbound-agent small{display:block}.role-agent-name b,.inbound-agent b{color:#21445f;font-size:.82rem}.role-agent-name small,.inbound-agent small{margin-top:2px;color:#748697;font-size:.7rem}.role-agent select,.role-agent input{min-width:0;padding:7px;border-radius:7px}.role-agent>span{text-align:center;color:#7e8e9b;font-size:.72rem}.inbound-agent{grid-template-columns:1fr auto}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) 82px 18px 82px 140px 30px}.assignment-role-card .gmail-marker-select{min-width:0}.assignment-role-card .gmail-symbol{flex:0 0 auto}.role-agent.ended-shift{opacity:.46;filter:grayscale(.7);background:#f1f3f5}@media(max-width:1180px){.working-today-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.assignment-role-grid{grid-template-columns:1fr}}@media(max-width:650px){.working-today-grid{grid-template-columns:1fr}.working-agent{grid-template-columns:38px 1fr}.working-agent .snapshot-edit{grid-column:2;justify-self:start}.role-agent,.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:1fr 1fr}.role-agent-name{grid-column:1/-1}.role-agent>span{display:none}.role-agent .snapshot-delete{justify-self:end}.assignment-role-card .gmail-marker-select{grid-column:1/-1}}
.gmail-marker-guide>div{gap:6px;flex-wrap:wrap;max-width:300px}.gmail-symbol.orange-star,.gmail-symbol.orange-arrow{color:#e36f1e;background:#ffead8}.gmail-symbol.red-star,.gmail-symbol.red-bang{color:#d73c3c;background:#ffe0e0}.gmail-symbol.purple-star,.gmail-symbol.purple-question{color:#844bb1;background:#f0e2fa}.gmail-symbol.yellow-bang{color:#d7a000;background:#fff4c4}.gmail-symbol.green-check{color:#27835b;background:#ddf4e8}.gmail-symbol.blue-info{color:#317dc0;background:#deefff}.role-agent-name{display:flex;align-items:center;gap:8px}.role-agent-name>span{min-width:0}.role-agent.snapshot-assignment{margin:5px 0;padding:9px 8px;border:1px solid #e2eaf0;border-left:5px solid #b9c8d3;border-radius:9px;background:#fbfdff}.role-agent.marker-yellow-star,.role-agent.marker-yellow-bang{border-left-color:#e2ad21;background:#fffaf0}.role-agent.marker-orange-star,.role-agent.marker-orange-arrow{border-left-color:#e3782b;background:#fff7f0}.role-agent.marker-red-star,.role-agent.marker-red-bang{border-left-color:#d94b4b;background:#fff5f5}.role-agent.marker-purple-star,.role-agent.marker-purple-question{border-left-color:#8951b5;background:#fbf6ff}.role-agent.marker-blue-star,.role-agent.marker-blue-info{border-left-color:#3682c1;background:#f3f9ff}.role-agent.marker-green-star,.role-agent.marker-green-check{border-left-color:#329165;background:#f3fbf7}.assignment-role-card[data-role="CDR"]{border-top-color:#6674c8}.assignment-role-card[data-role="Voicemails"]{border-top-color:#b76a8d}.assignment-role-card[data-role="Emails"]{border-top-color:#4d8ecb}.assignment-role-card[data-role="Backup"]{border-top-color:#8da842}.assignment-role-card[data-role="Email Only"]{border-top-color:#895db7}.assignment-role-card[data-role="Text"]{border-top-color:#df8739}.assignment-role-card[data-role="Special Client Services"]{border-top-color:#2c9690}.assignment-role-card[data-role="Internet Media"]{border-top-color:#378661}.assignment-role-card[data-role="Meetings"]{border-top-color:#758390}
.working-time-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.shift-time-badge,.lunch-time-badge,.hours-badge{display:inline-flex;align-items:center;border-radius:7px;padding:5px 8px;font-size:.72rem;font-weight:800;line-height:1.2}.shift-time-badge{background:#dceeff;color:#155b91;border:1px solid #b7d8f2}.lunch-time-badge{background:#fff0c9;color:#8a5d0a;border:1px solid #ecd28c}.lunch-time-badge.no-lunch{background:#edf1f4;color:#71808d;border-color:#d6dde3}.hours-badge{background:#e5f4f1;color:#2a746d;border:1px solid #bfdfda}
.assignment-role-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-add-agent{border:1px solid #b9d6e9;border-radius:8px;background:#fff;color:#1c6397;padding:7px 9px;font-size:.72rem;font-weight:800;cursor:pointer}.role-add-agent:hover{background:#e9f5fd}.assignment-employee-select{width:100%;border:0!important;background:transparent!important;padding:0!important;color:#21445f!important;font-weight:800!important}.assignment-employee-select:focus{outline:2px solid #74afe0;outline-offset:2px}
.gmail-marker-guide{min-width:285px}.gmail-marker-guide .primary-email-key{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:7px 9px;border-radius:9px;background:rgba(218,239,255,.16)}.primary-email-key b{font-size:.76rem;color:#fff}.gmail-marker-options{display:flex;gap:6px;flex-wrap:wrap}.assignment-role-card{position:relative;box-shadow:0 8px 22px rgba(26,67,101,.09);transition:transform .18s ease,box-shadow .18s ease}.assignment-role-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(26,67,101,.14)}.assignment-role-head{min-height:62px;background:linear-gradient(135deg,#f5faff,#eaf4fb)}.assignment-role-head h3{font-size:1.06rem}.assignment-role-card[data-role="Emails"] .assignment-role-head,.assignment-role-card[data-role="Email Only"] .assignment-role-head{background:linear-gradient(135deg,#e5f3ff,#f5faff)}.assignment-role-card[data-role="Emails"] .assignment-role-head h3:before,.assignment-role-card[data-role="Email Only"] .assignment-role-head h3:before{content:'✉';display:inline-grid;place-items:center;width:29px;height:29px;margin-right:8px;border-radius:8px;background:#317dc0;color:#fff;font-size:.88rem}.role-agent.snapshot-assignment{box-shadow:0 3px 10px rgba(33,72,103,.05)}.role-agent.snapshot-assignment:hover{border-color:#bed5e5;background:#fff}.role-agent.marker-blue-star{border:2px solid #78b7e6;border-left:6px solid #237fc4;background:linear-gradient(90deg,#e8f5ff,#f8fcff);box-shadow:0 6px 18px rgba(35,127,196,.15)}.primary-email-label{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#237fc4;color:#fff;font-size:.66rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.agent-role-chip .primary-email-label{align-self:flex-start;background:#fff;color:#17669e}.role-agent-name:has(.primary-email-label){flex-wrap:wrap}.role-agent-name:has(.primary-email-label)>span:last-child{flex:1;min-width:110px}.gmail-marker-select:has(option[value="blue-star"]:checked){border-color:#68aee0!important;background:#e9f5ff!important;color:#155f98!important}.role-add-agent{box-shadow:0 3px 9px rgba(29,99,151,.08)}
.schedule-scope{border:1px solid #a9cbe4;background:#eef7fd}.schedule-scope button.active{background:#176ca7;color:#fff}.view-only-shift{cursor:default}.view-only-shift:hover{border-color:#c7ddf2;background:#eef7ff}
.assignment-role-card[data-role="Backup"]{border-top-color:#6d7fb8}.assignment-role-card[data-role="Text"]{border-top-color:#e47824}.assignment-role-card[data-role="Emails"] .assignment-role-head h3:after,.assignment-role-card[data-role="Backup"] .assignment-role-head h3:after,.assignment-role-card[data-role="Text"] .assignment-role-head h3:after{display:inline-flex;margin-left:8px;border-radius:999px;padding:4px 8px;font:800 .62rem DM Sans;text-transform:uppercase;vertical-align:middle}.assignment-role-card[data-role="Emails"] .assignment-role-head h3:after{content:'Primary • Blue star';background:#dcefff;color:#17669e}.assignment-role-card[data-role="Backup"] .assignment-role-head h3:after{content:'Email backup stars';background:#eeeafa;color:#66559a}.assignment-role-card[data-role="Text"] .assignment-role-head h3:after{content:'Orange star';background:#ffead8;color:#b95715}.gmail-marker-select:disabled{opacity:1;cursor:not-allowed}.working-assignment-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.working-assignment-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #d6e2eb;border-radius:999px;background:#fff;color:#31536d;font-size:.67rem}.working-assignment-chip .gmail-symbol{width:19px;height:19px;border-radius:50%;font-size:.72rem}.working-assignment-chip .primary-email-label{padding:3px 6px;font-size:.58rem}.working-marker-blue-star{box-shadow:inset 4px 0 #317dc0}.working-marker-orange-star{box-shadow:inset 4px 0 #e36f1e}.working-marker-yellow-star{box-shadow:inset 4px 0 #e3a900}.working-marker-green-star{box-shadow:inset 4px 0 #27835b}.working-marker-purple-star{box-shadow:inset 4px 0 #844bb1}.working-marker-red-star{box-shadow:inset 4px 0 #d73c3c}.fourths-tracker-card{margin-top:18px;border-top:4px solid #ec4899}.fourths-entry-form{display:grid;grid-template-columns:1.2fr 1.2fr 120px auto;gap:9px}.fourths-entry-form select,.fourths-entry-form input{min-width:0;border:1px solid #cbd9e5;border-radius:9px;background:#fff;padding:10px;color:#24435d}.fourths-entry-form button{border:0;border-radius:9px;background:#176ca7;color:#fff;padding:10px 15px;font-weight:800;cursor:pointer}.fourths-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.fourths-entry{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid #e0e8ef;border-left:5px solid #9eb2c2;border-radius:10px;background:#fbfdff}.fourths-entry.marker-blue-star{border-left-color:#317dc0}.fourths-entry.marker-orange-star,.fourths-entry.marker-orange-arrow{border-left-color:#e36f1e}.fourths-entry.marker-yellow-star,.fourths-entry.marker-yellow-bang{border-left-color:#e3a900}.fourths-entry.marker-green-star,.fourths-entry.marker-green-check{border-left-color:#27835b}.fourths-entry.marker-purple-star,.fourths-entry.marker-purple-question{border-left-color:#844bb1}.fourths-entry.marker-red-star,.fourths-entry.marker-red-bang{border-left-color:#d73c3c}.fourths-entry b,.fourths-entry small{display:block}.fourths-entry small{margin-top:2px;color:#718497;font-size:.68rem}.fourths-entry strong{font:800 1.25rem Manrope;color:#153f62}.fourths-entry button{border:0;border-radius:7px;background:#fdecec;color:#a64343;width:28px;height:28px;cursor:pointer}.daily-report-card textarea{border-left:4px solid var(--current-ops-color,#2f80c4)}.ops-change-item{border-left:4px solid var(--ops-color);padding-left:10px}.ops-change-item .ops-change-avatar{background:var(--ops-color);color:#fff}.ops-change-item b{color:var(--ops-color)}@media(max-width:760px){.fourths-entry-form{grid-template-columns:1fr}.fourths-entries{grid-template-columns:1fr}}
.working-agent{background:#fff;box-shadow:0 5px 14px rgba(20,67,101,.07)}.shift-time-badge{background:#cfe9ff;color:#0d568e;border:2px solid #91c8ef;font-size:.76rem}.lunch-time-badge{background:#fff0b8;color:#7b5200;border:2px solid #e8c55f;font-size:.76rem}.lunch-time-badge.no-lunch{background:#f1f3f5;color:#596774;border:2px dashed #aeb8c1}.meeting-card{grid-template-columns:auto minmax(180px,1fr) auto auto!important;padding:12px!important;border:1px solid #dce7ef;border-left:5px solid #6c79c9;border-radius:11px;background:#fbfcff}.meeting-card time{display:inline-flex;padding:6px 9px;border-radius:8px;background:#e8edff;color:#4c5caf;font-weight:800}.meeting-card-actions{display:flex;gap:6px}.meeting-edit{border:1px solid #b9c8e8;border-radius:7px;background:#f0f3ff;color:#4d5faa;padding:7px 10px;font-weight:800;cursor:pointer}.meeting-attendee-picker{display:grid;gap:9px;margin-top:7px}.meeting-attendee-add{display:grid;grid-template-columns:1fr auto;gap:8px}.meeting-attendee-add select{min-width:0;border:1px solid #cbd9e5;border-radius:8px;background:#fff;padding:10px}.meeting-attendee-add button{border:0;border-radius:8px;background:#566cc0;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}.meeting-attendee-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:28px}.meeting-attendee-chips>span{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eaf0ff;color:#42569f;padding:6px 8px 6px 10px;font-size:.76rem;font-weight:800}.meeting-attendee-chips>span button{border:0;background:transparent;color:#6a7395;font-size:1rem;cursor:pointer}.meeting-attendee-chips>small{color:#7a8997}@media(max-width:620px){.meeting-attendee-add{grid-template-columns:1fr}.meeting-card{grid-template-columns:auto 1fr!important}.meeting-card time,.meeting-card-actions{grid-column:2}}
.agenda-email-tools{display:flex;gap:7px;flex-wrap:wrap}.agenda-email-tools .btn{padding:9px 12px;font-size:.74rem;font-weight:800}.agenda-morning{border:1px solid #8fc7ea;background:#e5f4ff;color:#17669e}.agenda-night{border:1px solid #9da9d9;background:#eef0ff;color:#4b5ca8}.agenda-morning:hover{background:#d5edfc}.agenda-night:hover{background:#e2e6ff}@media(max-width:900px){.agenda-email-tools{width:100%}}
.working-dept-badge{display:inline-flex!important;width:max-content;margin-top:5px!important;border-radius:999px;padding:4px 8px;font-size:.65rem!important;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.working-dept-badge.reception{background:#dff1f3;color:#26727a}.working-dept-badge.research{background:#eee8fb;color:#694e9c}.working-dept-badge.leadership{background:#e3edfb;color:#325f91}
.assignment-role-card[data-role="Emails"] [data-assignment-field="role"]{display:none}.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(180px,1fr) 82px 18px 82px 150px 30px}@media(max-width:650px){.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:1fr 1fr}.assignment-role-card[data-role="Emails"] .role-agent-name{grid-column:1/-1}}
.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment{grid-template-columns:minmax(180px,1fr) 82px 18px 82px 30px}@media(max-width:650px){.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment{grid-template-columns:1fr 1fr}}
.assignment-role-card[data-role="Email Only"] [data-assignment-field="role"],.assignment-role-card[data-role="Email Only"] .gmail-marker-select{display:none}.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:minmax(180px,1fr) 82px 18px 82px 30px}.email-only-fixed-label{display:inline-flex!important;align-items:center;gap:5px;border-radius:999px;padding:3px 7px;background:#f0e2fa;color:#74439d;white-space:nowrap}.email-only-fixed-label .gmail-symbol{width:19px;height:19px;border-radius:50%;font-size:.72rem}.email-only-fixed-label b{font-size:.65rem!important;color:#74439d!important}@media(max-width:650px){.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:1fr 1fr}.assignment-role-card[data-role="Email Only"] .role-agent-name{grid-column:1/-1}}
.ops-kpis{grid-template-columns:repeat(3,1fr)}.working-agent-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.working-agent-actions .snapshot-add,.working-agent-actions .snapshot-edit{white-space:nowrap}.working-agent-actions [data-quick-role]{max-width:190px;min-height:34px;border:1px solid #bcd3e5;border-radius:8px;background:#fff;color:#24435d;padding:6px}@media(max-width:760px){.ops-kpis{grid-template-columns:1fr}.working-agent-actions{flex-direction:column;align-items:stretch}}
.report-notes-grid label:has([data-report-note="fourths"]){display:none}
.working-today-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 16px;padding:12px 14px;border:1px solid #b8d5eb;border-radius:11px;background:linear-gradient(135deg,#e9f5ff,#f7fbff);color:#1d527c;font-size:.86rem;font-weight:800}.working-today-filter select{min-width:190px;border:1px solid #8ebddd;border-radius:9px;background:#fff;color:#174f79;padding:10px 34px 10px 12px;font:800 .86rem DM Sans;box-shadow:0 2px 7px rgba(25,91,139,.08)}.working-agent[hidden]{display:none!important}@media(max-width:650px){.working-today-filter{align-items:stretch;flex-direction:column}.working-today-filter select{width:100%}}
.assignment-time-control{display:grid;grid-template-columns:minmax(88px,1fr) auto;align-items:center;gap:4px;min-width:116px}.assignment-time-control input{min-width:88px!important;padding:7px!important;color:#173f5f!important;font-weight:700!important}.assignment-time-period{position:static;transform:none;pointer-events:none;color:#145f96;font-size:.68rem;font-weight:900;background:#dceffc;border-radius:5px;padding:3px 4px}.role-agent{grid-template-columns:minmax(130px,1fr) minmax(120px,1fr) 116px 18px 116px 30px}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(120px,1fr) minmax(110px,1fr) 116px 18px 116px 130px 30px}.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:minmax(180px,1fr) 116px 18px 116px 30px}@media(max-width:650px){.assignment-time-control{min-width:0}.role-agent,.role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:1fr 1fr}}
.helpful-hint-editor{display:none}
.staffing-strip{grid-template-columns:repeat(30,58px)}.coverage-timeline{grid-template-columns:repeat(30,56px)}.visual-grid-row{grid-template-columns:210px 180px repeat(30,34px) 80px}@media(max-width:680px){.visual-grid-row{grid-template-columns:180px 160px repeat(30,32px) 72px}}
.assignment-role-grid{grid-template-columns:1fr}.assignment-time-control{grid-template-columns:minmax(108px,1fr) auto;min-width:142px}.assignment-time-control input{min-width:108px!important;font-size:.9rem!important}.role-agent{grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) 142px 28px 142px 36px}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(180px,1fr) minmax(170px,1fr) 142px 28px 142px minmax(140px,170px) 36px}.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:minmax(230px,1fr) 142px 28px 142px 36px}@media(max-width:760px){.assignment-time-control{min-width:0}.role-agent,.role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:1fr 1fr}}
.assignment-time-control{grid-template-columns:minmax(140px,1fr) auto;min-width:180px}.assignment-time-control input{min-width:140px!important}.role-agent{grid-template-columns:minmax(260px,1fr) 220px 180px 28px 180px 36px}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(260px,1fr) 190px 180px 28px 180px 170px 36px}.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:minmax(300px,1fr) 180px 28px 180px 36px}@media(max-width:1050px){.role-agent{grid-template-columns:minmax(220px,1fr) 180px 160px 24px 160px 34px}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(220px,1fr) 170px 160px 24px 160px 150px 34px}.assignment-time-control{grid-template-columns:minmax(120px,1fr) auto;min-width:160px}.assignment-time-control input{min-width:120px!important}}@media(max-width:760px){.assignment-time-control{min-width:0}.role-agent,.role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:1fr 1fr}}
.role-agent{grid-template-columns:220px 220px 180px 28px 180px 36px;justify-content:start}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:220px 190px 180px 28px 180px 170px 36px}.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:240px 180px 28px 180px 36px}@media(max-width:1050px){.role-agent{grid-template-columns:210px 180px 160px 24px 160px 34px}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:210px 170px 160px 24px 160px 150px 34px}}@media(max-width:760px){.role-agent,.role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:1fr 1fr}}
.assignment-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.assignment-role-card{height:auto}.role-agent{grid-template-columns:minmax(135px,155px) minmax(115px,135px) minmax(118px,145px) 18px minmax(118px,145px) 32px;gap:6px}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:minmax(135px,155px) minmax(105px,125px) minmax(112px,135px) 18px minmax(112px,135px) minmax(105px,125px) 32px}.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:minmax(170px,210px) minmax(120px,145px) 18px minmax(120px,145px) 32px}.assignment-time-control{grid-template-columns:minmax(92px,1fr) auto;min-width:118px}.assignment-time-control input{min-width:92px!important}.meetings-dashboard-card{margin-top:18px;border-top:4px solid #6674c8}.meetings-dashboard-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meetings-dashboard-list .meeting-card{margin:0}@media(max-width:1180px){.assignment-role-grid{grid-template-columns:1fr}.role-agent{grid-template-columns:210px 180px 160px 24px 160px 34px}.role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:210px 170px 160px 24px 160px 150px 34px}.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:240px 160px 24px 160px 34px}.assignment-time-control{grid-template-columns:minmax(120px,1fr) auto;min-width:160px}.assignment-time-control input{min-width:120px!important}}@media(max-width:760px){.role-agent,.role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment:has(.gmail-marker-select),.assignment-role-card[data-role="Emails"] .role-agent.snapshot-assignment,.assignment-role-card[data-role="Email Only"] .role-agent.snapshot-assignment{grid-template-columns:1fr 1fr}.meetings-dashboard-list{grid-template-columns:1fr}}
.company-summary>div.selected-day-summary{border:2px solid #4b9bd6;background:linear-gradient(135deg,#eaf6ff,#fff);box-shadow:0 8px 22px rgba(31,113,171,.14)}.company-summary>div.selected-day-summary small{color:#176ca7;font-weight:900;letter-spacing:.08em}.company-summary>div.selected-day-summary strong{font-size:1.35rem;color:#0d4772}
.ops-tabs{gap:10px;border-bottom:0;padding:8px;margin-bottom:20px;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(18,57,88,.08)}.ops-tabs button{border:1px solid transparent;border-radius:10px;padding:11px 17px;border-bottom:1px solid transparent;font-weight:800;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.ops-tabs button:hover{transform:translateY(-1px)}.ops-tabs button:nth-child(1){background:#e8f3ff;color:#17649e;border-color:#bedcf3}.ops-tabs button:nth-child(2){background:#e7f7f3;color:#217765;border-color:#b8dfd6}.ops-tabs button:nth-child(3){background:#fff3e4;color:#a75a18;border-color:#f2d4ad}.ops-tabs button:nth-child(4){background:#f2ebfb;color:#754ba0;border-color:#d9c5ee}.ops-tabs button:nth-child(1).active{background:#287fc0;color:#fff;border-color:#287fc0;box-shadow:0 6px 14px rgba(40,127,192,.3)}.ops-tabs button:nth-child(2).active{background:#2d8d78;color:#fff;border-color:#2d8d78;box-shadow:0 6px 14px rgba(45,141,120,.28)}.ops-tabs button:nth-child(3).active{background:#d87928;color:#fff;border-color:#d87928;box-shadow:0 6px 14px rgba(216,121,40,.28)}.ops-tabs button:nth-child(4).active{background:#7a52a3;color:#fff;border-color:#7a52a3;box-shadow:0 6px 14px rgba(122,82,163,.28)}
#assignmentsPanel.active{display:flex;flex-direction:column}#assignmentsPanel .ops-staffing{order:1}#assignmentsPanel .ops-kpis{order:2}#assignmentsPanel .ops-snapshot-card{order:3}#assignmentsPanel .meetings-dashboard-card{order:4}#assignmentsPanel .working-today-card{order:5;margin-top:18px;margin-bottom:0}#assignmentsPanel .helpful-hint-editor{order:6}
.schedule-modal{width:min(720px,calc(100vw - 28px));max-height:92vh;overflow:auto}.schedule-modal .shift-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#f4f8fc;border:1px solid #d7e4ef;border-radius:12px}.schedule-modal .shift-section-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.schedule-modal .shift-section-title>div{display:flex;align-items:baseline;gap:8px}.schedule-modal .shift-section-title span{color:#718397;font-size:.78rem}.lunch-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:10px;border-top:1px solid #dce6ef}.lunch-toggle,.shift-remove{border:0;background:transparent;color:#246fac;font-weight:800;cursor:pointer;text-align:left;padding:3px}.shift-remove{color:#a74747;text-align:right}.shift-section.is-removed{display:none}.schedule-notes-field small{color:#75869a;font-weight:500}.schedule-notes-field textarea{min-height:74px}.schedule-modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center}.btn.danger{background:#fff1f1;border:1px solid #e7bcbc;color:#a33d3d}.schedule-note-chip{display:block;margin-top:5px;padding:5px 7px;border-left:3px solid #d49a2e;background:#fff8e6;color:#6f571d;border-radius:4px;font-size:.72rem;line-height:1.35}.visual-note{display:block;margin-top:4px;color:#825f17;font-size:.72rem;font-weight:700}.visual-shift-summary.has-note{background:#fffaf0;border-radius:7px;padding:5px 7px}
@media(max-width:700px){.schedule-modal .shift-section,.lunch-fields{grid-template-columns:1fr}.schedule-modal-actions{grid-template-columns:1fr 1fr}.schedule-modal-actions span{display:none}.schedule-modal-actions .btn{width:100%}}
.department-filters .filter{padding:8px 14px;border-width:2px;box-shadow:0 3px 9px rgba(22,52,82,.08);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.department-filters .filter:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(22,52,82,.13)}.department-filters .filter[data-dept="All"]{background:#eaf3ff;border-color:#7daee0;color:#155c99}.department-filters .filter[data-dept="Reception"]{background:#e8f7f4;border-color:#6db9ad;color:#176f65}.department-filters .filter[data-dept="Research"]{background:#fff2df;border-color:#e5ad58;color:#995b0b}.department-filters .filter[data-dept="Directors"]{background:#f2eafb;border-color:#a98bd0;color:#674397}.department-filters .filter[data-dept="All"].active{background:#1769aa;border-color:#1769aa;color:#fff}.department-filters .filter[data-dept="Reception"].active{background:#278c7d;border-color:#278c7d;color:#fff}.department-filters .filter[data-dept="Research"].active{background:#d98221;border-color:#d98221;color:#fff}.department-filters .filter[data-dept="Directors"].active{background:#7651a8;border-color:#7651a8;color:#fff}.department-filters .filter:focus-visible{outline:3px solid rgba(37,112,174,.25);outline-offset:2px}
.visual-person .employee-job-title{font-weight:800;color:#49647d}.visual-shift-summary .lunch-status{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:6px;font-weight:800}.visual-shift-summary .lunch-status.has-lunch{background:#e2f5e9;color:#237044;border:1px solid #addbbb}.visual-shift-summary .lunch-status.no-lunch{background:#fdeaea;color:#a24444;border:1px solid #efc1c1}
.visual-grid-row{grid-template-columns:210px 180px repeat(30,34px) 80px 240px}.visual-notes-head{display:flex;align-items:center;padding:9px 12px;border-left:1px solid #b8d1df;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.visual-notes{display:flex;align-items:center;padding:8px 12px;border-left:1px solid #b8d1df;background:#f8fafc;color:#52697d;font-size:.72rem;line-height:1.4}.visual-notes.has-note{background:#fff7dc;color:#6f5312;border-left:3px solid #d39a25}.visual-notes b{margin-right:4px}.visual-notes span{color:#a0adba}@media(max-width:680px){.visual-grid-row{grid-template-columns:180px 160px repeat(30,32px) 72px 200px}}
.company-summary>div:nth-child(1){background:#eaf4ff;border-color:#71aae0;box-shadow:inset 0 4px #2776b8,0 6px 18px rgba(16,47,88,.06)}.company-summary>div:nth-child(1) small,.company-summary>div:nth-child(1) strong{color:#155b94}.company-summary>div:nth-child(2){background:#e8f7ee;border-color:#8ccba4;box-shadow:inset 0 4px #3d9b63,0 6px 18px rgba(16,47,88,.06)}.company-summary>div:nth-child(2) small,.company-summary>div:nth-child(2) strong{color:#247243}.company-summary>div:nth-child(3){background:#fff0ef;border-color:#e8aaa6;box-shadow:inset 0 4px #cf635c,0 6px 18px rgba(16,47,88,.06)}.company-summary>div:nth-child(3) small,.company-summary>div:nth-child(3) strong{color:#a4423d}.company-summary>div:nth-child(4){background:#f3edfb;border-color:#b69ad6;box-shadow:inset 0 4px #7954aa,0 6px 18px rgba(16,47,88,.06)}.company-summary>div:nth-child(4) small,.company-summary>div:nth-child(4) strong{color:#674294}
.personal-greeting{display:inline-flex;margin-bottom:3px;color:#2871a9;font-size:.75rem;font-weight:800;letter-spacing:.025em}.agent-helpful-hint{display:flex;align-items:center;gap:14px;margin-bottom:14px;background:linear-gradient(135deg,#fff8df,#fffdf4);border-color:#e7c86f}.agent-helpful-hint[hidden]{display:none}.agent-helpful-hint .hint-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#d59a24;color:#fff;font-size:1.2rem}.agent-helpful-hint small{color:#8a6515;font-weight:900;letter-spacing:.06em}.agent-helpful-hint p{margin:5px 0 0;color:#5d4d2a;font-weight:700}.daily-message-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.daily-message{display:flex;align-items:center;gap:13px;padding:16px 18px}.daily-message-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;color:#fff;font-size:1.1rem}.daily-message small{font-weight:900;letter-spacing:.05em}.daily-message p{margin:5px 0 0;font-weight:700;line-height:1.4}.encouragement-card{background:#eaf7ef;border-color:#9fd0ae}.encouragement-card .daily-message-icon{background:#3e9a60}.encouragement-card small{color:#287345}.dad-joke-card{background:#edf3ff;border-color:#a8bee8}.dad-joke-card .daily-message-icon{background:#5678b8}.dad-joke-card small{color:#425f99}.helpful-hint-editor{display:block!important;background:#fffdf4;border-color:#e4cf91}.daily-editor-label,.daily-editor-grid label{display:block;color:#4a6278;font-size:.82rem;font-weight:800}.daily-editor-label small{margin-left:5px;color:#8492a0;font-weight:500}.daily-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.daily-editor-grid textarea{display:block;margin-top:7px;min-height:80px}@media(max-width:760px){.daily-message-grid,.daily-editor-grid{grid-template-columns:1fr}}
.reception-read-only .action-row,.reception-read-only #addAssignment,.reception-read-only .role-add-agent,.reception-read-only .snapshot-add,.reception-read-only .snapshot-edit,.reception-read-only .snapshot-delete,.reception-read-only .meeting-card-actions,.reception-read-only .meetings-dashboard-card [data-open="meetingModal"],.reception-read-only .row-delete,.reception-read-only .helpful-hint-editor,.reception-read-only .ops-export-tools,.reception-read-only .ops-overview-banner,.reception-read-only .ops-tabs,.reception-read-only .ops-staffing,.reception-read-only .ops-kpis,.reception-read-only .working-today-card,.reception-read-only .snapshot-tools{display:none!important}.reception-read-only .assignment-employee-select,.reception-read-only .snapshot-assignment select,.reception-read-only .snapshot-assignment input{background:#f3f6f9;color:#496176;border-color:#d9e2ea}.reception-read-only .ops-autosave-status{display:none}
.reception-read-only .ops-snapshot-card .card-head:after{content:'View only';display:inline-flex;align-items:center;margin-left:auto;padding:6px 10px;border-radius:999px;background:#e8f2fb;color:#22689f;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.top-actions{gap:10px}.view-as,.employee-as{display:grid;gap:4px;min-width:170px;padding:8px 10px 10px;border:1px solid;border-radius:12px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px rgba(19,58,92,.1)}.view-as{background:#eaf4ff;border-color:#8bbbe5;color:#1b639d;box-shadow:inset 0 3px #2878b7,0 4px 12px rgba(19,58,92,.1)}.employee-as{background:#e9f7f5;border-color:#87c8bf;color:#1e7168;box-shadow:inset 0 3px #2e8d80,0 4px 12px rgba(19,58,92,.1)}.employee-as[hidden]{display:none}.view-as select,.employee-as select{min-width:160px;margin-top:2px;border:2px solid;border-radius:8px;padding:9px 11px;background:#fff;font-weight:800}.view-as select{border-color:#6da6d7;color:#174f7f}.employee-as select{border-color:#65b3a7;color:#1b6259}.view-as select:focus-visible{outline:3px solid rgba(40,120,183,.25);outline-offset:1px}.employee-as select:focus-visible{outline:3px solid rgba(46,141,128,.25);outline-offset:1px}
@media(max-width:680px){.view-as,.employee-as{display:none}}
.schedule-toolbar .action-row{align-items:center}.schedule-toolbar .search{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:8px;min-height:43px;padding:8px 12px;line-height:1}.schedule-toolbar .search input{width:180px;min-width:0;padding:4px 0;border:0}.company-summary>.summary-filter-card{position:relative;width:100%;border:1px solid;border-radius:14px;padding:16px 18px;background:#fff;text-align:left;font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.company-summary>.summary-filter-card:nth-child(2){background:#e8f7ee;border-color:#8ccba4;box-shadow:inset 0 4px #3d9b63,0 6px 18px rgba(16,47,88,.06)}.company-summary>.summary-filter-card:nth-child(3){background:#fff0ef;border-color:#e8aaa6;box-shadow:inset 0 4px #cf635c,0 6px 18px rgba(16,47,88,.06)}.company-summary>.summary-filter-card:nth-child(2) small,.company-summary>.summary-filter-card:nth-child(2) strong{color:#247243}.company-summary>.summary-filter-card:nth-child(3) small,.company-summary>.summary-filter-card:nth-child(3) strong{color:#a4423d}.summary-filter-card small{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.summary-filter-card strong{font:800 1.55rem Manrope;margin-right:6px}.summary-filter-card span{color:#718195;font-size:.8rem}.summary-filter-card em{display:block;margin-top:5px;color:#65798c;font-size:.68rem;font-style:normal;font-weight:700}.summary-filter-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,47,88,.12)!important}.summary-filter-card.active{outline:3px solid currentColor;outline-offset:2px}.summary-filter-card:focus-visible{outline:3px solid #2878b7;outline-offset:2px}.schedule-off-button{width:100%;border:1px dashed #ccd9e5;border-radius:8px;padding:10px;background:#f8fafc;text-align:left;cursor:pointer}.schedule-off-button:hover{border-color:#4e8fc8;background:#eef7ff}
/* Sandbox read-only states remain obvious after dynamic dashboard refreshes. */
.reception-read-only [aria-disabled="true"],
.reception-read-only :disabled {
  cursor: not-allowed;
  opacity: .72;
}

.ops-export-tools[hidden],.ops-export-tools .btn[hidden]{display:none!important}

.agenda-draft-modal{width:min(780px,calc(100vw - 24px));max-height:min(90vh,900px)}
.agenda-draft-fields{display:grid;gap:14px;padding:18px 22px}
.agenda-draft-fields label{display:grid;gap:6px;font-weight:800;color:#174268}
.agenda-draft-fields input,.agenda-draft-fields textarea{width:100%;padding:11px;border:1px solid #bed2e5;border-radius:9px;font:inherit;color:#163b5a}
.agenda-draft-fields textarea{min-height:320px;resize:vertical;line-height:1.5}
.agenda-account-note,.agenda-draft-help{margin:0;font-size:.85rem;line-height:1.5;color:#45667f}
.agenda-account-note{background:#eaf4ff;border:1px solid #b9d8ed;border-radius:9px;padding:10px 12px}
.agenda-draft-modal .modal-actions{flex-wrap:wrap;gap:8px}

.fourths-time-label{display:grid;gap:4px;font-size:.76rem;font-weight:800;color:#245574}
.fourths-time-label input{min-height:36px;border:1px solid #b6d0e4;border-radius:8px;padding:5px 8px}

.agent-role-chip.inbound {
  background: #eef6fb;
  border-color: #b8d7ea;
  color: #174f73;
}

/* Reporting and payroll review */
.report-workspace{display:grid;gap:18px}.report-intro,.report-controls,.report-tabs,.report-kpis,.report-callout,.report-detail{border-radius:14px}.report-intro{display:flex;justify-content:space-between;align-items:center;background:#eaf5fe;border:1px solid #c6dff5;padding:20px 24px}.report-intro h2{margin:0 0 5px;color:#153f69}.report-intro p{margin:0;color:#46617b}.report-intro span{font-weight:800;color:#1c5b91}.report-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;background:white;padding:18px;border:1px solid #d5e4f1}.report-controls label{display:grid;gap:6px;font-size:14px;font-weight:700;color:#31526e}.report-controls input,.report-controls select,.payroll-hours{min-height:39px;border:1px solid #bfd3e7;border-radius:8px;padding:6px 10px;font:inherit;background:white;color:#173a5c}.report-controls .btn{min-height:39px}.report-tabs{display:flex;gap:7px;padding:5px;background:#e5f0f9;width:max-content;max-width:100%;flex-wrap:wrap}.report-tabs button{border:0;border-radius:9px;background:transparent;color:#244e74;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer}.report-tabs button[aria-selected="true"]{background:#1c6095;color:white}.report-tabs button:focus-visible,.report-controls :focus-visible,.report-detail :focus-visible{outline:3px solid #e4a838;outline-offset:2px}.report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.report-kpis>div{background:#fff;border:1px solid #d5e4f1;border-top:4px solid #2883b9;padding:17px}.report-kpis small{display:block;text-transform:uppercase;color:#526d84;font-weight:700}.report-kpis strong{display:block;font-size:27px;color:#133d64}.report-detail{padding:18px}.report-detail .card-head{gap:15px}.report-table-scroll{overflow:auto;max-height:65vh}.report-detail .table{width:100%;min-width:670px}.report-detail .table th,.report-detail .table td{padding:11px;text-align:left;vertical-align:middle}.report-detail .table td small{display:block;color:#657b91}.report-callout{padding:18px 20px;background:#fff8e9;border:1px solid #e9c577;color:#694c12;margin-bottom:18px}.report-callout p{margin:5px 0 0}.payroll-hours{width:125px}.payroll-reviewed{display:flex;align-items:center;gap:8px;white-space:nowrap}.report-error{margin:0;color:#9c2929;font-weight:700}.report-denied{padding:24px;background:white;border-radius:12px}@media(max-width:700px){.report-kpis{grid-template-columns:1fr}.report-intro{align-items:start;gap:12px;flex-direction:column}.report-detail .card-head{align-items:start;flex-direction:column}}

/* Agent qualifications editor */
.qualifications-toolbar{gap:12px;flex-wrap:wrap}.qualification-new-filter{display:flex;align-items:center;gap:7px;background:#f0f8fd;border:1px solid #c8deec;border-radius:9px;padding:10px 12px;font-size:14px;font-weight:700;color:#255b7a}.qualification-new-filter input{width:17px;height:17px}.qualification-status{display:flex;align-items:center;justify-content:center;margin:auto;width:30px;height:30px;border-radius:7px;background:#eef3f7;color:#93a2ae;font-weight:900}.qualification-status.is-qualified{background:#176c86;color:white}.qualification-edit-btn{border:1px solid #bed6e7;background:#fff;color:#195788;border-radius:7px;padding:7px 12px;font:inherit;font-weight:700;cursor:pointer;align-self:start}.qualification-edit-btn:hover{background:#e8f5fc}.qualification-edit-btn:focus-visible,.qualifications-modal :focus-visible{outline:3px solid #e5a83a;outline-offset:2px}.qualification-table th:last-child{min-width:75px}.new-agent-badge{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:7px;background:#fff0c7;color:#694900;font-size:12px;font-weight:800;white-space:nowrap}.restriction-item-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.restriction-item-title .new-agent-badge{margin-left:0}.restriction-item .qualification-edit-btn{margin-top:5px}.qualifications-modal{max-width:670px;width:min(94vw,670px)}.qualification-editor-body{display:grid;gap:18px;padding:18px 24px;max-height:68vh;overflow:auto}.qualification-editor-body>label:not(.qualification-new-toggle){display:grid;gap:7px;font-weight:700;color:#254865}.qualification-editor-body select,.qualification-editor-body textarea{width:100%;padding:10px;border:1px solid #bbd3e6;border-radius:8px;font:inherit;color:#183b59}.qualification-editor-body small{font-size:13px;font-weight:400;color:#607990}.qualification-new-toggle{display:flex;align-items:center;gap:10px;font-weight:700;color:#294f70}.qualification-new-toggle input{width:19px;height:19px}.qualification-editor-body fieldset{border:1px solid #cbdfea;border-radius:10px;padding:14px}.qualification-editor-body legend{padding:0 6px;font-weight:800;color:#254865}.qualification-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qualification-editor-grid label{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;background:#f2f8fc;font-size:14px;font-weight:600}.qualification-editor-grid input{width:17px;height:17px;flex:none}@media(max-width:620px){.qualification-editor-grid{grid-template-columns:1fr}.qualifications-toolbar .search{width:100%}.qualification-new-filter{order:2}}

/* Employees who work across Reception and Research */
.access-badge.access-hybrid-agent,.working-dept-badge.hybrid{background:#e5f4ed;color:#176546;border:1px solid #b9dfcd}.visual-department.hybrid .visual-department-title{background:#28725b}.visual-department.hybrid .visual-shift-cell.work{background:#bce2d1}.visual-department.hybrid .visual-hours{background:#e2f5eb}

.visual-schedule:has(.visual-result-head) .visual-grid-row{grid-template-columns:210px 180px repeat(29,34px) 80px 180px 160px}.visual-result-head,.visual-result{padding:8px;border-left:1px solid #b8d1df}.visual-result-head{display:flex;align-items:center;font-size:.72rem;font-weight:800;text-transform:uppercase}.schedule-day-status,.schedule-day-result{max-width:100%;width:100%;min-height:30px;border:1px solid #b8d1df;border-radius:5px;background:white;color:#183650;font:inherit;font-size:.75rem}.visual-person .schedule-day-status{margin-top:6px}.visual-person-row{cursor:default}.visual-person-row[data-edit-shift]:not(.view-only-shift) .visual-shift-summary{cursor:pointer}@media(max-width:680px){.visual-schedule:has(.visual-result-head) .visual-grid-row{grid-template-columns:180px 160px repeat(29,32px) 72px 180px 160px}}

.schedule-help{font-size:.85rem;line-height:1.5;color:#36536d}.schedule-help summary{cursor:pointer;font-weight:700;color:#175b89}.schedule-help ul{margin:8px 0;padding-left:22px}.schedule-help li{margin:3px 0}.schedule-help p{margin:8px 0 0}.schedule-help:focus-within{outline:2px solid #2868a4;outline-offset:3px}

.visual-schedule:has(.visual-status-head) .visual-grid-row{grid-template-columns:210px 150px 180px repeat(30,34px) 80px 180px}.visual-schedule:has(.visual-status-head):has(.visual-result-head) .visual-grid-row{grid-template-columns:210px 150px 180px repeat(30,34px) 80px 180px 160px}.visual-status-head,.visual-status{display:flex;align-items:center;padding:8px;border-right:1px solid #b8d1df}.visual-status-head{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.visual-status{font-size:.75rem;background:#f8fbff}.visual-status .schedule-day-status{margin:0;width:100%;min-height:36px}.visual-result{background:#fff}.visual-result .schedule-day-result{min-height:36px}@media(max-width:680px){.visual-schedule:has(.visual-status-head) .visual-grid-row{grid-template-columns:180px 145px 160px repeat(30,32px) 72px 200px}.visual-schedule:has(.visual-status-head):has(.visual-result-head) .visual-grid-row{grid-template-columns:180px 145px 160px repeat(30,32px) 72px 200px 160px}}
.attributed-note-editor{margin-top:10px;padding:10px;border:1px solid #dce7ef;border-radius:10px;background:#f8fbfe}.attributed-entry-fields{display:flex;flex-wrap:wrap;gap:7px}.attributed-entry-fields select,.attributed-entry-fields input{min-width:0;flex:1 1 145px;border:1px solid #c6d9e8;border-radius:8px;padding:8px}.attributed-entry-fields button{border:0;border-radius:8px;padding:8px 12px;background:#236895;color:white;font-weight:700;cursor:pointer}.attributed-note-list{display:grid;gap:7px;margin-top:9px}.attributed-note{padding:8px 10px;border:1px solid #e1e9ef;border-radius:8px;background:white}.attributed-note p{margin:0 0 4px;white-space:pre-wrap;color:#263e50;font-weight:500}.attributed-note small{font-size:.72rem;color:#617a8e}
.lunch-edit{border:1px solid #d9b450;border-radius:7px;background:#fff8df;color:#79500a;padding:5px 8px;font-size:.72rem;font-weight:800;cursor:pointer}.lunch-edit:hover{background:#ffefba}
.schedule-row-edit{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:5px 12px;border:1px solid #9bbbd4;border-radius:7px;background:#eef7ff;color:#175b89;font:700 .78rem Manrope,Arial,sans-serif;cursor:pointer}.schedule-row-edit:hover,.schedule-row-edit:focus-visible{background:#dbeeff;border-color:#4d8fc0}.visual-person .schedule-row-edit{margin-top:8px}.company-week .shift-cell,.company-week .schedule-off-button{cursor:default}.company-week .shift-cell:hover{border-color:#c7ddf2;background:#eef7ff}

.permissions-card{padding-bottom:20px}.permissions-scroll{overflow:auto;max-height:65vh}.permissions-table{min-width:940px}.permissions-table thead th{position:sticky;top:0;background:#eaf3fb;z-index:1;text-align:center;font-size:14px}.permissions-table th:first-child{text-align:left;min-width:260px}.permissions-table tbody th{font-size:14px;font-weight:600}.permissions-table td{text-align:center}.permissions-table input{width:20px;height:20px;accent-color:#236895;cursor:pointer}.permissions-table input:disabled{cursor:default}.permissions-table small{display:block;color:#617a8e;font-size:12px;margin-top:4px}.permissions-note{margin:16px 22px;font-size:14px;line-height:1.6;color:#526d83}.permissions-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 22px}#permissionsSaved{margin:0 22px;font-size:14px;color:#175b89}

[hidden]{display:none!important}
#qualificationsView .qualifications-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid #d5e2ee;border-radius:12px;margin-bottom:18px;box-shadow:0 3px 12px rgba(20,55,85,.04)}
#qualificationsView .qualifications-toolbar .search{display:flex;align-items:center;gap:8px;width:290px;min-height:44px;padding:0 12px;margin:0;border:1px solid #c6d6e5;border-radius:8px;background:#f8fbfe;font-size:18px}
#qualificationsView .qualifications-toolbar .search input{width:100%;min-width:0;height:42px;padding:0;border:0;background:transparent;font:inherit;font-size:14px;outline:none}
#qualificationsView .qualifications-toolbar .search:focus-within{outline:2px solid #2878b7;outline-offset:2px}
#qualificationsView .qualification-new-filter{height:44px;margin:0;padding:0 12px;white-space:nowrap;background:#f4f8fc;border-color:#d5e2ee}
#qualificationsView .qualification-key{display:flex;gap:14px;margin-left:10px;font-size:14px;flex-wrap:wrap}
#qualificationsView .qualifications-toolbar>.btn{margin-left:auto;min-height:44px;font-size:14px;box-shadow:none}
#employeesView .card-head{display:block;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #e3ebf2}
#employeesView .card-head h2{font-size:18px}#employeesView .card-head p{font-size:14px;max-width:760px;line-height:1.5}
#employeesView .roster-toolbar{display:flex;flex-direction:column;gap:14px;margin:16px 0 18px}
#employeesView .roster-actions{display:flex;align-items:center;gap:12px;width:100%;margin:0;justify-content:space-between}
#employeesView .roster-search{width:min(360px,100%)}#employeesView .roster-search input{width:100%;height:44px;font-size:14px;background:#f8fbfe;border:1px solid #c6d6e5;border-radius:8px;padding:0 12px}
#employeesView .access-key{max-width:none;justify-content:flex-start;gap:8px}
#employeesView .access-key button{font:600 14px Manrope,Arial,sans-serif;border-radius:7px;padding:8px 12px;background:#f4f8fc;color:#47627d;border:1px solid #d5e2ee;cursor:pointer}
#employeesView .access-key button[aria-pressed="true"]{background:#236895;color:#fff;border-color:#236895;box-shadow:none;outline:none}
#employeesView .access-key button:focus-visible{outline:2px solid #236895;outline-offset:2px}
@media(max-width:900px){#qualificationsView .qualifications-toolbar .search{flex:1 1 240px}#qualificationsView .qualification-key{margin-left:0}#qualificationsView .qualifications-toolbar>.btn{margin-left:0}#employeesView .roster-actions{flex-wrap:wrap}}

/* Compact controls for qualifications and the employee directory. */
#qualificationsView .qualifications-toolbar{justify-content:flex-start;padding:14px 16px;gap:12px;border-left:4px solid #2878b7;box-shadow:none}
#qualificationsView .qualifications-toolbar>.btn{margin-left:0;padding:0 18px;border-radius:8px}
#qualificationsView .qualifications-toolbar .search{width:320px;flex:0 1 320px;height:44px}
#qualificationsView .qualification-new-filter{border:0;background:#edf4fa;border-radius:8px}
#qualificationsView .card-head{align-items:center;gap:16px;flex-wrap:wrap}
#qualificationsView .card-head .qualification-key{margin:0;gap:16px;font-size:14px;align-items:center}
#qualificationsView .qualification-key span{font-weight:500;color:#4d667d;white-space:nowrap}
#employeesView>.card{border-top:4px solid #2878b7}
#employeesView .roster-toolbar{padding:16px;border:1px solid #dbe6f0;background:#f7faff;border-radius:10px;margin:16px 0}
#employeesView .roster-actions{justify-content:flex-start;gap:12px}
#employeesView .roster-actions .btn{min-height:44px;padding:0 18px;border-radius:8px;box-shadow:none;font-size:14px}
#employeesView .access-key{padding-top:12px;border-top:1px solid #dbe6f0;gap:7px}
#employeesView .access-key button{min-height:38px;padding:8px 14px;background:#fff;border-color:#d4e0eb;color:#405d77}
#employeesView .access-key button:hover{background:#e7f1fa;border-color:#9ab9d3}
#employeesView .access-key button[aria-pressed="true"]{background:#236895;color:#fff;border-color:#236895}
@media(max-width:680px){#qualificationsView .qualifications-toolbar .search{flex:1 1 100%;width:100%}#qualificationsView .qualifications-toolbar>.btn{flex:1;white-space:normal}#qualificationsView .qualification-new-filter{flex:1;justify-content:center}#employeesView .roster-search{width:100%}#employeesView .roster-actions .btn{width:100%}#employeesView .access-key button{flex:1 1 auto}}
.home-week{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:20px}.home-day{border:1px solid #dce5ef;border-radius:10px;padding:16px}.home-day h3{font-size:16px;margin:0 0 12px}.home-day p{font-size:14px}.staffing-hours{display:block;font-size:14px;margin-top:6px}.agent-home-mode .company-summary>[data-schedule-status="unscheduled"],.agent-home-mode .company-summary>div:last-child,.agent-home-mode .department-filters,.agent-home-mode .staffing-strip-card{display:none!important}
.home-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:0 20px}.home-period{padding:0 20px;font-size:16px;font-weight:600}.home-week.home-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.home-month .home-day{padding:10px;overflow-wrap:anywhere}.home-month .home-day h3{font-size:14px}.home-month .home-day strong{font-size:14px}
.agent-home-mode #employeeAsWrap{display:none!important}
/* Agent schedule and daily lineup: clear hierarchy with the existing EMCO blues. */
#homeView>.card{border:1px solid #d8e4f0;border-radius:18px;box-shadow:0 6px 24px #143e6510;overflow:hidden}
#homeView>.card>.card-head{padding:24px;background:linear-gradient(110deg,#edf5ff,#f8fbff);border-bottom:1px solid #dce8f4}
#homeEmployeeName{font-size:clamp(20px,2vw,26px);color:#153f65}#homeView .home-controls{padding-top:20px;justify-content:space-between}#homeMode{padding:4px;background:#eaf0f7;border-radius:12px}#homeMode button{min-width:72px;font-size:14px;border-radius:9px}#homeMode button.active{background:#205d98;color:white;box-shadow:0 2px 5px #17467420}
.home-period{color:#355b7b;margin:20px 0 0}.home-week{gap:12px;padding:20px 24px 24px}.home-day{background:white;border:1px solid #dde7f0;border-radius:12px;border-top:4px solid #357ebc;min-height:132px;box-shadow:0 2px 7px #173f6410}.home-day h3{color:#52718c;font-weight:600}.home-day strong{display:block;color:#173d60;font-size:16px;line-height:1.6}.home-day p{color:#536f85;margin-bottom:0}.home-day.home-off{border-top-color:#c1ceda;background:#f5f7fa;box-shadow:none}.home-off strong{color:#738397;font-weight:500}.home-month .home-day{min-height:140px}.home-month .home-day strong{font-size:14px}
.agent-home-mode #dashboardView .ops-overview-banner{display:none}.agent-home-mode #dashboardView .assignment-role-card{border:1px solid #dbe6ef;border-top:4px solid #347dbc;border-radius:14px;box-shadow:0 3px 12px #143e6510}.agent-home-mode #dashboardView .assignment-role-head{padding:16px;background:#f1f6fc}.agent-home-mode #dashboardView .assignment-role-head h3{font-size:17px}.agent-home-mode #dashboardView .assignment-role-head span{font-size:14px;font-weight:500}.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent.snapshot-assignment,.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent.snapshot-assignment:has(.gmail-marker-select){grid-template-columns:1fr;gap:6px;padding:12px}.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent-name{width:100%}.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent-name>span{flex:1}.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent-name small{font-size:14px;color:#526d85}.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .assignment-employee-select{appearance:none;border:0;background:transparent;color:#173d60;opacity:1;font-size:16px;font-weight:600;padding:0;width:100%}.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent>input,.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent>[data-assignment-field="role"],.agent-home-mode:not(.agent-director-mode):not(.ops-home-mode) #dashboardView .role-agent>span{display:none}.agent-home-mode #dashboardView .gmail-marker-select{font-size:14px}.agent-home-mode #dashboardView .working-agent{background:#f8fbff;border-radius:12px}.agent-home-mode #dashboardView .working-agent b{font-size:16px}
@media(max-width:650px){#homeView>.card>.card-head{padding:18px;gap:16px;flex-wrap:wrap}.home-week{padding:16px}.home-controls{padding-left:16px;padding-right:16px}#homeTeamSchedule{width:100%}}
#homeView>.home-helpful-hint{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;border:1px solid #ebd89d;border-left:5px solid #d2a43b;border-radius:14px;background:#fff8dc}.home-hint-mark{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#ffedb0;color:#805d15;font-size:22px}.home-helpful-hint small{color:#805d15;font-size:13px;font-weight:700;letter-spacing:.04em}.home-helpful-hint p{margin:6px 0 0;color:#55482b;font-size:16px;line-height:1.6}.dad-joke-card{display:none!important}.daily-message-grid{grid-template-columns:1fr}

.demo-director-access{display:flex;align-items:center;gap:7px;font-size:14px;color:#345772}.demo-director-access input{width:17px;height:17px}.demo-director-access small{font-size:12px}.demo-director-access[hidden]{display:none}
/* Colorful agent Home, retaining dark text and clear schedule states. */
.agent-home-mode #homeView>.card:not(.home-helpful-hint){border-color:#c9ddef;background:#f6faff}
.agent-home-mode #homeView>.card:not(.home-helpful-hint)>.card-head{background:linear-gradient(115deg,#17487f,#216ba5 65%,#187d8a);border-bottom:0;padding:26px 24px}
.agent-home-mode #homeEmployeeName{color:#fff}.agent-home-mode #homeView>.card>.card-head p{color:#e5f2ff}
.agent-home-mode #homeTeamSchedule{background:#fff;color:#194f80;border-color:#fff;box-shadow:0 3px 10px #082c5526}.agent-home-mode #homeTeamSchedule:hover{background:#e9f4ff}
.agent-home-mode #homeMode{background:#e1eafb}.agent-home-mode #homeMode button[data-mode="day"]:not(.active){color:#1c6096}.agent-home-mode #homeMode button[data-mode="week"]:not(.active){color:#235d58}.agent-home-mode #homeMode button[data-mode="month"]:not(.active){color:#6341a2}.agent-home-mode #homeMode button[data-mode="day"].active{background:#216ba5}.agent-home-mode #homeMode button[data-mode="week"].active{background:#247569}.agent-home-mode #homeMode button[data-mode="month"].active{background:#7450af}
/* Muted weekday colors stay consistent in Day, Week, and Month. */
#homeView .home-day{--day-fill:#e5edf5;--day-border:#c8d5e2;--day-accent:#7f9ab3;--day-ink:#354f68;background:var(--day-fill);border-color:var(--day-border);border-top-color:var(--day-accent);box-shadow:0 3px 10px #334d6610}
#homeView .home-day[data-home-weekday="2"]{--day-fill:#e7eee5;--day-border:#cbd9c6;--day-accent:#8ba081;--day-ink:#466143}
#homeView .home-day[data-home-weekday="3"]{--day-fill:#ede7f1;--day-border:#d7cbdc;--day-accent:#a18caf;--day-ink:#5e4c6a}
#homeView .home-day[data-home-weekday="4"]{--day-fill:#f3e8df;--day-border:#e2cebe;--day-accent:#b69c83;--day-ink:#76573e}
#homeView .home-day[data-home-weekday="5"]{--day-fill:#e1edeb;--day-border:#c2d6d2;--day-accent:#80a7a0;--day-ink:#3c625a}
#homeView .home-day[data-home-weekday="6"]{--day-fill:#f1e5e9;--day-border:#ddc7cf;--day-accent:#b3919f;--day-ink:#725361}
#homeView .home-day[data-home-weekday="0"]{--day-fill:#eeeadd;--day-border:#d9d2b9;--day-accent:#ae9f76;--day-ink:#655c3c}
#homeView .home-day h3{color:var(--day-ink);font-weight:800;padding-bottom:9px;border-bottom:1px solid var(--day-border);line-height:1.4}
#homeView .home-day strong{color:#2c4052;font-weight:700}
#homeView .home-day.home-working p{background:#ffffffa6;color:#46596a;border-radius:8px;padding:8px 10px;border:1px solid #ffffffb8;font-weight:500}
#homeView .home-day p:empty{display:none}
#homeView .home-day.home-off{background:linear-gradient(#ffffff70,#ffffff70),var(--day-fill);border-top-style:dashed;box-shadow:none}
#homeView .home-day.home-off strong{color:#627181;font-weight:500}
#homeView .home-month .home-day.home-working p{padding:6px 7px}


.agent-home-mode #homeBack,.agent-home-mode #homeForward{background:#e5effb;color:#215987;border-color:#c9dcef}.agent-home-mode #homeDate{border-color:#bfcfe4;background:#fff}.agent-home-mode .home-day strong{font-weight:700}
.login-preview{padding:0;border:0;border-radius:22px;width:min(850px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-shadow:0 22px 70px #102f5840;overflow:auto}.login-preview[open]{display:grid;grid-template-columns:.85fr 1.15fr}.login-preview::backdrop{background:#0c2449aa}.login-preview-close{position:absolute;top:12px;right:12px;border:0;background:#eef3f8;color:#1d4269;font-size:24px;border-radius:50%;height:36px;width:36px}.login-brand-panel{background:linear-gradient(145deg,#123d70,#206a9e 70%,#207b7f);padding:44px 32px;color:white}.login-emco-mark{display:grid;place-items:center;width:52px;height:52px;background:white;color:#205d98;border-radius:14px;font-size:28px;font-weight:800;margin-bottom:16px}.login-wordmark{font-size:18px;letter-spacing:.12em;font-weight:700}.login-brand-panel h2{font-size:30px;line-height:1.3;margin:38px 0 18px;color:white}.login-brand-panel p{font-size:16px;line-height:1.6;color:#e4f3ff}.login-color-bars{display:flex;gap:10px;margin-top:35px}.login-color-bars span{width:45px;height:7px;background:#64c9bc;border-radius:4px}.login-color-bars span:nth-child(2){background:#b1a2ed}.login-color-bars span:nth-child(3){background:#efc974}.login-content{padding:44px 36px;background:white;color:#173d60}.login-preview-badge{font-size:12px;letter-spacing:.07em;color:#526d83;font-weight:700}.login-content h2{font-size:28px;margin:14px 0}.login-content p{font-size:16px;line-height:1.6;color:#49677f}.google-signin-preview{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border:1px solid #bfcee0;border-radius:10px;background:#f8fbff;color:#19466f;font-size:16px;font-weight:600;opacity:1;margin-top:22px}.google-signin-preview b{color:#2672bb;font-size:22px}.login-content .login-account-help{font-size:14px}.login-flow-note{margin:22px 0;padding:16px;border-radius:12px;background:#edf5ff}.login-flow-note p{font-size:14px;margin:6px 0 0}.login-demo-section{border-top:1px solid #dfe8f1;padding-top:18px}.login-demo-section small{color:#805b15;font-size:12px;font-weight:700}.login-demo-section p{font-size:14px}.login-demo-buttons{display:flex;flex-wrap:wrap;gap:8px}.login-demo-buttons button{border:1px solid #bad2ed;background:#eaf4ff;color:#215587;padding:10px 14px;border-radius:9px;font-size:14px}.login-demo-buttons button:nth-child(2){background:#e9f6f1;color:#235f53;border-color:#bdded2}.login-demo-buttons button:nth-child(3){background:#f1edfb;color:#66419b;border-color:#d8ccef}@media(max-width:650px){.login-preview[open]{grid-template-columns:1fr}.login-brand-panel{padding:24px}.login-brand-panel h2{font-size:24px;margin:16px 0}.login-content{padding:26px 22px}.login-emco-mark,.login-color-bars{display:none}}
/* Agent date summary fills the space previously used for staffing counts. */
.agent-home-mode .company-summary{grid-template-columns:minmax(0,1fr)}.agent-home-mode .company-summary>[data-schedule-status="scheduled"]{display:none!important}.agent-home-mode .company-summary>div:first-child{padding:22px 24px;background:linear-gradient(110deg,#e6f1ff,#eef8fc);border-color:#c3daf0;border-left:5px solid #347dbc}.agent-home-mode .company-summary>div:first-child small{font-size:14px;margin-bottom:8px;color:#3d668c}.agent-home-mode #weekLabel{display:block;font-size:clamp(22px,2.6vw,32px);line-height:1.4;margin:0;color:#173f68}.agent-home-mode #homePeriod{padding:18px 24px;margin:18px 20px 0;background:#e8f1fc;border:1px solid #c9dcf0;border-radius:12px;font-size:clamp(18px,2vw,24px);line-height:1.5;color:#214e78}.agent-home-mode #dashboardView .ops-kpis{display:none!important}
.agent-home-mode #scheduleScope{display:none!important}
.demo-view-notice{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;margin:0 0 18px;background:#edf5ff;border:1px solid #c4d9ef;border-radius:12px;color:#345873}.demo-view-notice strong{flex:0 0 auto;background:#205d98;color:#fff;border-radius:6px;padding:5px 8px;font-size:12px;letter-spacing:.04em;line-height:1.5}.demo-view-notice p{font-size:14px;line-height:1.6;margin:0;color:#345873}@media(max-width:650px){.demo-view-notice{flex-direction:column;gap:8px;padding:12px 14px}}
.employee-access-card{margin-bottom:20px}.employee-access-picker{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:16px;padding:20px}.employee-access-picker label{display:grid;align-content:start;gap:8px;font-size:14px;color:#345873;font-weight:600}.employee-access-picker input,.employee-access-picker select{width:100%;min-width:0;padding:11px;border:1px solid #c8d8e8;border-radius:9px;font-size:14px;background:#fff}.employee-access-picker small{font-weight:400;line-height:1.5;font-size:13px}.employee-access-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 20px}.employee-access-option{display:flex;align-items:center;gap:12px;padding:14px;background:#f0f6fd;border:1px solid #d7e4f2;border-radius:10px;font-size:14px;color:#244b6e}.employee-access-option input{flex:0 0 19px;width:19px;height:19px;accent-color:#2266a0}.employee-access-note{padding:0 20px;color:#567087;font-size:14px;line-height:1.6}.employee-access-badge{background:#e4eefb;color:#245a89;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:700}#employeeAccessSaved{padding:0 20px 20px;color:#246354;font-size:14px;line-height:1.6}.role-defaults-details summary{cursor:pointer;padding:16px;color:#45637b;font-size:14px}.role-defaults-details .permissions-card{margin-top:10px}@media(max-width:850px){.employee-access-picker{grid-template-columns:1fr}.employee-access-checklist{grid-template-columns:1fr}}
.limited-schedule-view .company-summary{grid-template-columns:minmax(0,1fr)}.limited-schedule-view .company-summary>[data-schedule-status],.limited-schedule-view .company-summary>div:last-child,.limited-schedule-view .department-filters,.limited-schedule-view #workingTodayDepartment{display:none!important}.limited-schedule-view .company-summary>div:first-child{padding:22px 24px;background:#edf5ff;border-color:#c3daf0}.limited-schedule-view #weekLabel{display:block;font-size:clamp(22px,2.6vw,32px);line-height:1.4}.agent-home-mode.agent-director-mode .department-filters{display:flex!important}

body.preview-entry{min-height:100vh;background:#edf2f8}body.preview-entry .app-shell{visibility:hidden}body.preview-entry .login-preview-close{display:none}.login-demo-buttons{flex-wrap:wrap}.login-demo-buttons button{flex:1 1 160px}

/* One shared calendar grid keeps weekday columns and card details aligned. */
#homeView>.home-schedule-card{padding:0}
#homeView>.home-schedule-card>.card-head{margin-bottom:0}
#homeView .home-controls{padding-left:24px;padding-right:24px}
#homeView #homePeriod{margin:20px 24px 0;padding:16px 20px}
#homeView .home-calendar-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
#homeView .home-calendar-scroll:focus-visible{outline:2px solid #2878b7;outline-offset:-3px}
#homeView .home-week{padding:16px 24px 24px}
#homeView .home-week.home-month{grid-template-columns:repeat(7,minmax(132px,1fr));gap:8px;min-width:1020px;align-items:stretch}
#homeView .home-weekday-heading{padding:10px 6px;text-align:center;font-size:13px;font-weight:800;color:#45617b;background:#e8eef5;border-radius:8px;white-space:nowrap}
#homeView .home-month>.home-day,#homeView .home-calendar-spacer{display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:8px;min-width:0;min-height:144px;padding:10px;overflow-wrap:break-word}
#homeView .home-month .home-day h3{grid-row:1;margin:0;padding-bottom:8px;font-size:15px}
#homeView .home-month .home-day strong{grid-row:2;margin:0;line-height:1.5;font-variant-numeric:tabular-nums}
#homeView .home-month .home-day p{grid-row:3;align-self:start;margin:0;line-height:1.5;font-variant-numeric:tabular-nums}
#homeView .home-month .home-attendance{grid-row:4;margin-top:0;align-self:start;min-width:0}
#homeView .home-calendar-spacer{border:1px dashed #d7e0e9;border-top:4px solid #e0e6ed;border-radius:12px;background:#f0f4f8;color:#75869a}
#homeView .home-calendar-spacer time{grid-row:1;font-size:14px;font-weight:600;padding-bottom:8px}
@media(max-width:650px){#homeView .home-controls{padding-left:16px;padding-right:16px}#homeView #homePeriod{margin-left:16px;margin-right:16px;padding:14px 16px}#homeView .home-week{padding:16px}#homeView .home-week.home-month{min-width:1004px}}

/* Department filtering shares the roster's search and action row. */
#employeesView .roster-actions{align-items:flex-end;flex-wrap:wrap}
#employeesView .roster-search,#employeesView .roster-department-filter{display:grid;gap:6px;color:#294f70;font-size:13px;font-weight:700}
#employeesView .roster-department-filter{flex:0 1 260px;min-width:210px}
#employeesView .roster-department-filter select{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid #c6d6e5;border-radius:8px;background:#fff;color:#183b59;font:inherit;font-size:14px}
#employeesView .roster-department-filter select:focus-visible{outline:2px solid #236895;outline-offset:2px}
@media(max-width:680px){#employeesView .roster-department-filter{flex:1 1 100%;min-width:0}}

/* The last cell is an endpoint, not another staffed half-hour. */
.staffing-endpoint{text-align:center;color:#fff;background:rgba(255,255,255,.08)}.staffing-endpoint small{display:block;font-size:.62rem;padding:5px 2px;white-space:nowrap}.staffing-endpoint span{display:block;font-size:.75rem;padding:10px 2px;opacity:.85}
/* Matching Reports and Permissions categories; retain existing controls and data. */
#reportsView .report-intro,
#permissionsView .employee-access-card>.card-head {
  background:linear-gradient(115deg,#17487f,#216ba5 65%,#187d8a);
  color:#fff;border:0;padding:26px 24px;border-radius:14px;
}
#reportsView .report-intro h2,
#permissionsView .employee-access-card>.card-head h2 {
  color:#fff;font-family:Manrope,sans-serif;font-size:clamp(24px,2.3vw,30px);font-weight:900;line-height:1.25;
}
#reportsView .report-intro p,#reportsView .report-intro span,
#permissionsView .employee-access-card>.card-head p {color:#fff}
#reportsView .report-tabs {display:flex;flex-wrap:wrap;width:100%;gap:10px;padding:0;background:transparent}
#reportsView .report-tabs button {flex:1 1 150px;min-height:48px;padding:12px 18px;border:2px solid #537f9f;background:#e5f0f9;color:#173f60;font-family:Manrope,sans-serif;font-weight:800;line-height:1.4;box-shadow:0 2px 5px #17487f12}
#reportsView .report-tabs button:hover {background:#d3e6f4;border-color:#17487f}
#reportsView .report-tabs button[aria-selected="true"] {background:linear-gradient(115deg,#17487f,#216ba5 65%,#187d8a);color:#fff;border-color:#17487f;box-shadow:inset 0 -4px 0 #8de1dc}
#reportsView .report-controls label,
#permissionsView .employee-access-picker>label,
#permissionsView .employee-access-option {font-weight:800;color:#173f60}
#permissionsView .employee-access-option {border:2px solid #8daec7;background:#e5f0f9}
#qualificationsView .qualification-table thead th {background:#dceaf5;color:#173f60;font-family:Manrope,sans-serif;font-weight:800;border-bottom:3px solid #537f9f}
#qualificationsView .qualification-table tbody td,
#qualificationsView .qualification-table tbody th {border-bottom:2px solid #537f9f}

/* Explicit independent director swap grants. */
.director-swap-permissions{margin:18px 20px;padding:16px;border:2px solid #376377;border-radius:10px;background:#f1f8fb}.director-swap-permissions summary{font-weight:900;color:#163f50;cursor:pointer}.director-swap-permissions p{line-height:1.5}.director-swap-permissions .employee-access-option{margin-top:10px}#directorSwapFields[hidden]{display:none!important}#directorSwapReview>.card-head{background:#285b72;color:#fff}#directorSwapReview>.card-head h2,#directorSwapReview>.card-head p{color:#fff}#directorSwapReviewList .btn{margin:8px 8px 8px 0}#myDirectorSwaps{margin-top:20px}

/* Shared OPS department selector remains outside the tab content. */
#dashboardView .ops-master-department{display:flex;align-items:center;gap:9px;margin:0 0 0 auto;flex-wrap:wrap}
#dashboardView .ops-master-department[hidden],#opsDailySnapshot [hidden]{display:none!important}
#dashboardView .ops-master-department select{width:auto;min-width:150px}
@media(max-width:600px){#dashboardView .ops-master-department{width:100%;margin-left:0}#dashboardView .ops-master-department select{flex:1}}