/* Operational workspace: controls stay compact, employee text stays readable. */
.sidebar{width:190px;padding:20px 12px}.workspace{margin-left:190px}.brand{font-size:26px;padding:0 8px;margin-bottom:25px}.brand span{font-size:7px}.nav-item{font-size:12px;padding:10px 12px}.sidebar-bottom{padding:12px 7px}.sidebar-bottom p{font-size:11px}.topbar{height:44px;padding:0 18px}.topbar .avatar{display:none}.topbar .breadcrumb{font-size:13px}.topbar .role{font-size:11px}.workspace main{padding:16px 18px 10px}.page-head{margin-bottom:16px;align-items:center}.page-head h1{font-size:24px;line-height:1.2;margin:0}.page-head p,.page-head .eyebrow{display:none}.data-table td{font-size:12px;padding:10px 12px}.data-table th{font-size:11px}.data-table small{font-size:11px}.statusbar{padding:6px 18px;font-size:10px}.calendar-workspace main{padding:8px 12px 0}.calendar-panel{border-radius:3px}.calendar-bar{padding:5px 10px;min-height:39px;gap:10px}.month-control{gap:7px}.month-control strong{font-size:14px;min-width:125px}.calendar-bar .btn.square{width:28px;height:28px;padding:0}.calendar-bar select{height:29px;max-width:220px}.calendar-views{gap:7px}.calendar-panel .filters{padding:5px 10px;gap:9px;align-items:center;min-height:39px}.calendar-panel .filters label{display:flex;align-items:center;gap:6px;min-width:0}.calendar-panel .filters label>span{font-size:10px;margin:0}.calendar-panel .filters select,.calendar-panel .filters input{height:28px;font-size:11px;padding:3px 7px}.calendar-panel .filters .search{margin-left:auto;max-width:245px}.calendar-panel .filters .search>span{display:none}.calendar-panel .filters .search input{width:180px}.calendar-panel .filters .search svg{display:none}.calendar-panel .filters .btn{padding:4px 7px;font-size:11px}.calendar-summary{display:flex;align-items:center;gap:15px;min-height:28px;padding:4px 10px;background:#f7f8f8;border-top:1px solid #e2e7e9;border-bottom:1px solid #e2e7e9;font-size:11px;flex-wrap:wrap}.calendar-summary .text-btn{font-size:11px}.summary-cost{margin-left:auto}.incomplete-label{color:#8c5d0b!important;background:#fff1cf;border-radius:3px;padding:3px 6px!important}.calendar-panel .selection-bar{padding:4px 10px;min-height:33px;font-size:11px}.selection-bar .small{font-size:11px;padding:5px 9px}.selection-bar .density{font-size:10px}.calendar-table thead tr:first-child th{height:34px}.calendar-table .coverage-row th,.calendar-table .coverage-row td{height:28px;top:34px}.calendar-table .coverage-row .sticky-person span{font-size:10px}.calendar-table .coverage-row small{font-size:9px}.calendar-table .sticky-person{width:260px;min-width:260px}.calendar-table .day-head{width:32px;min-width:32px}.calendar-table .employee-name strong{font-size:12px;line-height:1.1}.calendar-table .employee-name span{font-size:10px;line-height:1.1;margin-top:2px}.calendar-table .day-cell button{font-size:11px}.calendar-table .employee-cell{padding-left:8px;gap:7px}.calendar-table .year-td button,.calendar-table .cost-td{font-size:11px!important}.calendar-table tbody .group-row td{font-size:10px;height:24px}.calendar-table .group-row .sticky-person{font-size:10px}.calendar-legend{display:flex;align-items:center;gap:14px;min-height:32px;padding:6px 10px;font-size:10px;color:#5b6970;border-top:1px solid #dfe5e7;flex-wrap:wrap}.calendar-legend span{display:flex;align-items:center;gap:4px;white-space:nowrap}.calendar-legend .text-btn{margin-left:auto;font-size:11px}.calendar-legend .legend-box{width:9px;height:9px;margin:0}.calendar-workspace .statusbar{padding:5px 12px;font-size:9px}.calendar-workspace .grid-scroll{min-height:240px}.active-scenario{background:#fff2d8;padding:8px 12px;margin-bottom:10px;font-size:12px}.demo-stories{padding-left:20px}.demo-stories li{margin:15px 0;font-size:13px;line-height:1.5}.sync-layout{max-width:800px;margin-bottom:18px}dialog.employee-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:480px;max-width:90vw;height:100vh;max-height:100vh;border-radius:0;border:0;border-left:1px solid #d7dfe2;box-shadow:-12px 0 40px #20292f25}dialog.employee-drawer::backdrop{background:#1f293019}dialog.employee-drawer .dialog-head{padding:18px 20px}dialog.employee-drawer .dialog-body{padding:16px 20px;max-height:calc(100vh - 180px)}dialog.employee-drawer .dialog-foot{padding:12px 20px;flex-wrap:wrap}dialog.employee-drawer .dialog-foot .btn{font-size:11px}dialog.employee-drawer .detail-person h2{font-size:19px}.audit-item details{max-width:100%;margin-top:8px}.audit-item h4{margin:14px 0 5px}.audit-item .table-scroll{max-height:300px}.audit-item>div:last-child{min-width:0;flex:1}.audit-list{overflow:hidden}.btn:disabled{cursor:default;opacity:.45}.calendar-summary button:focus-visible,.text-btn:focus-visible{outline:2px solid #c28a27;outline-offset:2px}
@media(max-width:1200px){.sidebar{width:174px}.workspace{margin-left:174px}.calendar-panel .filters{flex-wrap:wrap}.calendar-summary{gap:10px}.calendar-table .sticky-person{width:245px;min-width:245px}.calendar-panel .filters label>span{display:none}.calendar-panel .filters .search{max-width:180px}.calendar-panel .filters .search input{width:160px}}
@media(max-width:760px){.sidebar{width:58px;padding:12px 5px}.workspace{margin-left:58px}.brand{padding:0;margin:0 0 18px}.brand>div,.sidebar-bottom,.nav-item span{display:none}.nav-item{padding:10px;justify-content:center}.topbar{padding:0 10px}.workspace main{padding:10px}.calendar-bar{flex-wrap:wrap}.calendar-views{width:100%}.calendar-summary .summary-cost{margin-left:0}.calendar-panel .filters{gap:5px}.calendar-table .sticky-person{width:220px;min-width:220px}.calendar-panel .filters select{max-width:130px}.calendar-panel .filters .search{margin:0}.calendar-legend{gap:7px}.calendar-workspace .statusbar{display:none}.calendar-table .year-th,.calendar-table .year-td,.calendar-table .cost-th,.calendar-table .cost-td{position:sticky!important}.calendar-table .year-th,.calendar-table .year-td{right:88px}.calendar-table .cost-th,.calendar-table .cost-td{right:0}}
.calendar-panel .filters label{flex-direction:row}.calendar-panel .filters .search{min-width:180px}.calendar-table .coverage-row .sticky-person{padding:2px 8px!important}.calendar-table .coverage-row td button{padding:2px 0}.calendar-table .coverage-row small{line-height:1}

.selection-period{display:inline-flex;flex-shrink:0;border:1px solid #d6dddf;border-radius:4px;overflow:hidden;background:#fff}.selection-period .btn{font-size:11px;padding:5px 8px;border:0;border-radius:0;background:transparent;color:#52616a;white-space:nowrap;min-height:26px}.selection-period .btn+.btn{border-left:1px solid #d6dddf}.selection-period .btn[aria-pressed="true"]{background:#fff0ca;color:#79510e;box-shadow:inset 0 -2px #b98122}.selection-period .btn:focus-visible{outline:2px solid #b98122;outline-offset:-3px}
/* Annual workbench */
.dataset-switch{font-size:12px;max-width:210px;background:#f4f4f2;border:1px solid #dddeda;border-radius:5px;padding:7px 9px;color:#444842}.breadcrumb{display:flex;align-items:center;gap:18px}.annual-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #e5e6e2}.annual-controls label{font-size:11px;color:#73776f;display:flex;flex-direction:column;gap:5px}.annual-controls input,.annual-controls select{border:1px solid #d9dcd5;background:#fff;padding:7px 8px;border-radius:4px;font-size:12px;color:#333930}.segmented{display:flex;border:1px solid #d9dcd5;border-radius:5px;overflow:hidden}.segmented .btn{border:0;border-radius:0;font-size:12px}.segmented .active{background:#2d3430;color:#fff}.source-identity{font-size:10px;margin-left:auto;color:#82877e;max-width:220px;overflow-wrap:anywhere}.annual-table{min-width:1800px;table-layout:fixed}.annual-table th.sticky-person,.annual-table td.sticky-person{width:300px;min-width:300px}.annual-month{width:110px;min-width:110px;padding:7px 5px!important;border-left:1px solid #eceee8}.annual-month-head{width:110px;min-width:110px;text-transform:uppercase}.annual-month-head button{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer}.annual-month-head small{font-size:9px;display:block;font-weight:400}.month-strip{width:100%;height:18px;display:flex;align-items:stretch;padding:0;gap:1px;border:0;background:transparent;cursor:pointer}.strip-day{display:inline-block;min-width:2px;flex:1;height:18px;background:#e9ece6;position:relative}.strip-day.day{background:#adc1a5}.strip-day.night{background:#737f95}.strip-day.rest{background:#e9ece6}.strip-day.absence{background:#dda4a0}.strip-day.unknown{background:repeating-linear-gradient(135deg,#eee8dc 0 2px,#d7cbb5 2px 3px)}.strip-day.fact:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#315d46}.strip-day.manual{outline:1px solid #c18b31;outline-offset:-1px}.strip-day.deficit{border-top:3px solid #c48127}.annual-month small{display:block;font-size:9px;color:#7a8074;margin-top:3px}.annual-legend{gap:12px;flex-wrap:wrap}.annual-legend span{display:flex;align-items:center;gap:4px}.annual-legend .strip-day{width:11px;min-width:11px;flex:none;height:12px}.annual-person-row{height:48px}.onboarding{padding:46px;max-width:920px;margin:28px auto}.onboarding h1{font-size:32px;margin:18px 0}.onboarding>p{max-width:650px;line-height:1.65}.onboarding>.btn{margin-top:12px}.story-card{display:flex;gap:18px;align-items:center;padding:17px 20px;margin-bottom:14px;border-left:3px solid #bd8a35}.story-card h2{font-size:17px;margin:5px 0}.story-card p{margin:5px 0;font-size:12px;line-height:1.5}.story-card small{color:#7d8177;font-size:10px}.story-card .actions{margin-left:auto;flex-shrink:0;flex-wrap:wrap;max-width:440px}.story-card .eyebrow{font-size:9px}.source-identity+.notice{margin:0}.day-cell button{font-size:10px}.calendar-views{flex-wrap:wrap}
@media(max-width:1000px){.annual-controls{gap:10px}.source-identity{display:none}.story-card{display:block}.story-card .actions{margin-top:12px;max-width:none}.breadcrumb strong{display:none}.dataset-switch{max-width:185px}.onboarding{padding:24px}.annual-table{min-width:1800px}}
@media(min-width:1100px){.annual-table{width:100%;min-width:1000px}.annual-table th.sticky-person,.annual-table td.sticky-person{width:240px;min-width:240px}.annual-table .annual-month,.annual-table .annual-month-head{width:auto;min-width:0;padding:6px 3px!important}.annual-table .year-th,.annual-table .year-td{width:78px;min-width:78px}.annual-table .cost-th,.annual-table .cost-td{width:85px;min-width:85px}.annual-table .strip-day{min-width:1px}.annual-table .month-strip{gap:.5px;height:16px}.annual-table .strip-day{height:16px}.annual-table .annual-month small{font-size:8px}.annual-month-head small{font-size:8px}.annual-month-head{font-size:10px}.annual-controls{padding:7px 14px;align-items:center}.annual-controls label{flex-direction:row;align-items:center;gap:6px}.annual-controls .btn{padding:6px 11px}.annual-controls input,.annual-controls select{padding:6px 7px}.story-card{padding:10px 16px;gap:12px;margin-bottom:10px}.story-card p{font-size:11px;margin:3px 0}.story-card h2{font-size:15px;margin:3px 0}.story-card small{font-size:9px}.story-card .actions{max-width:400px}.story-card .btn{font-size:11px;padding:7px 10px}.annual-legend{font-size:9px;padding:9px 12px;gap:10px}}
.story-card.story-compact{padding:8px 14px;min-height:0;display:flex;align-items:center;gap:14px}.story-compact details{flex:1;min-width:0}.story-compact summary{font-size:12px;font-weight:600;cursor:pointer;line-height:1.5}.story-compact .actions{flex-wrap:nowrap;max-width:none;gap:6px;margin-top:0}.story-compact .btn{padding:7px 9px;font-size:11px;white-space:nowrap}.story-compact details[open] p{max-width:650px}.story-compact details[open]{align-self:start}@media(max-width:900px){.story-card.story-compact{display:block}.story-compact .actions{margin-top:7px;flex-wrap:wrap}}
/* Continuous timeline and measured overlays are independent of virtual row mounting. */
.grid-scroll{position:relative}.calendar-today-line{position:absolute;width:0;border-left:1px solid #a26d43;pointer-events:none;z-index:7}.calendar-today-line>span{position:absolute;top:0;left:4px;padding:2px 4px;background:#faf7f0;color:#83532e;white-space:nowrap;font-size:9px;border:1px solid #dbccb8;border-radius:2px}.annual-month-outline{position:absolute;border:1px solid #89988b;pointer-events:none;z-index:6;box-sizing:border-box;box-shadow:inset 1px 0 #fff8,inset -1px 0 #fff8}.annual-month:hover .month-strip,.annual-month:focus-within .month-strip{filter:brightness(.96)}.month-strip:focus-visible,.annual-month-head button:focus-visible{outline:1px solid #6d806d;outline-offset:2px}.annual-month-head button{width:100%;min-height:23px}.calendar-table .day-head.month-boundary{border-left:2px solid #9aa999;min-width:58px;width:58px}.calendar-table .day-head.month-boundary span{font-size:10px;white-space:nowrap}.range-error{color:#9f3932;font-size:11px}.timeline-caption{font-size:10px;color:#738071}.pay-disclosure{padding:5px 10px;border-bottom:1px solid #e3e6df;font-size:11px;color:#5b675a}.pay-disclosure summary{cursor:pointer}.pay-disclosure p{max-width:1060px;line-height:1.5;margin:7px 0}.demo-update{font-size:12px;margin:0 0 8px}.demo-update .text-btn{font-size:12px}
.calendar-today-line{z-index:13}.annual-month-outline{z-index:9}