:root{color-scheme:light;font-family:Lato,Segoe UI,Arial,sans-serif;background:#f5f8fb;color:#18202f;font-size:14px;letter-spacing:0}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-size:14px;font-weight:400;line-height:16px}button,input,select,textarea{font:inherit;min-width:0;max-width:100%}button{border:0;cursor:pointer}.app-shell{min-height:100vh;display:block;width:100%;max-width:100vw;overflow-x:clip}.sidebar{position:sticky;top:0;z-index:30;background:#fff;color:#1d2838;border-bottom:1px solid #dde6ef;padding:0 10px;display:flex;align-items:center;gap:4px;min-height:48px;max-width:100vw}.brand{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent!important;color:#1269a8!important;padding:0!important;border-radius:0!important}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#e6f5fb;color:#1269a8;border-radius:10px;font-weight:800;font-size:18px;line-height:1;transform:none}.brand strong,.brand span{display:block}.brand span,.brand-word{color:#6b7788;font-size:12px}.brand-word{color:#1f2d3d;font-weight:800;letter-spacing:0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#ffffffe0,#f5f8fbf5),#f5f8fb}.login-card{width:min(460px,100%);display:grid;gap:18px;padding:30px;background:#fff;border:1px solid #d7e2ee;border-radius:8px;box-shadow:0 22px 58px #18263929}.login-card h1{margin:6px 0;font-size:34px;line-height:38px}.login-card p{margin:0;color:#64748b;line-height:1.45}.login-card label{display:grid;gap:8px;color:#344157;font-weight:760}.login-card input{min-height:48px;border:1px solid #b8c6d8;border-radius:6px;padding:0 13px;color:#172033;background:#fff}.login-card button{min-height:48px;border-radius:6px;background:#2f70ed;color:#fff;font-weight:800}.login-card button:disabled{opacity:.65;cursor:wait}.login-demo-hint{display:grid;gap:5px;padding:12px;border-radius:8px;background:#f1f6fb;color:#56657a;line-height:1.35}.login-demo-hint strong{color:#18202f}.nav-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;overflow:visible;flex:1;min-width:0}.nav-item-wrap{position:relative;flex:0 0 auto}.nav-list button,.nav-menu-button{display:flex;align-items:center;gap:8px;color:#1e2c40;background:transparent;min-height:38px;padding:0 12px;border-radius:10px;text-align:left;white-space:nowrap;font-size:15px;font-weight:400;line-height:38px}.nav-menu-button svg{color:#61748a}.nav-list button.active,.nav-list button:hover,.nav-menu-button.active{background:#e7f4fb;color:#17202f}.nav-menu-button.active svg{color:#1269a8}.nav-menu-button.open{background:#e3e8ee}.nav-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:max-content;min-width:200px;max-width:calc(100vw - 24px);display:grid;gap:0;background:#fff;border-radius:10px;padding:8px 0;box-shadow:0 18px 44px #161d282e;z-index:40}.nav-dropdown button{width:100%;justify-content:flex-start;border-radius:0;min-height:32px;padding:0 22px;color:#1f2937;background:transparent;font-size:15px;font-weight:400;line-height:32px}.nav-dropdown button.active,.nav-dropdown button:hover{background:#e7f4fb;color:#17202f}.utility-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto}.utility-wrap{position:relative}.utility-button,.profile-button,.mini-action,.popover-link,.popover-footer-link{background:transparent!important;color:#1d2735!important;padding:0!important;border-radius:12px!important}.utility-button{width:32px;height:32px;display:grid!important;place-items:center;position:relative}.utility-button.active,.utility-button:hover{background:#e7f4fb!important}.badge{position:absolute;top:4px;right:5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#2a83c5;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.profile-button{width:38px;height:38px;border-radius:50%;background:#263142!important;color:#fff!important;display:grid!important;place-items:center;font-weight:750;font-size:16px}.profile-button.active,.profile-button:hover{box-shadow:0 0 0 4px #e7f4fb}.utility-popover{position:absolute;top:calc(100% + 12px);right:0;width:min(430px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 90px));overflow:auto;background:#fff;border-radius:14px;box-shadow:0 22px 50px #161d2838;z-index:45}.slim-popover,.profile-popover{width:min(360px,calc(100vw - 24px));padding:18px;display:grid;gap:6px}.popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid #e8edf4}.popover-heading h2{margin:0;font-size:28px}.mini-action{width:38px;height:38px;display:grid!important;place-items:center;color:#2878bd!important}.message-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:20px 24px;border-bottom:1px solid #eef2f7}.message-row.unread{position:relative}.message-row.unread:after{content:"";width:10px;height:10px;border-radius:50%;background:#2a83c5;position:absolute;top:28px;right:24px}.message-avatar{width:58px;height:58px;border-radius:50%;background:#263142;color:#fff;display:grid;place-items:center;font-weight:750;font-size:20px}.message-row strong{display:block;margin-bottom:4px}.message-row p{margin:0 0 6px;color:#253044;line-height:1.45}.message-row small{color:#607086}.popover-link,.popover-footer-link{width:100%;justify-content:flex-start!important;padding:10px 14px!important;font-size:18px;font-weight:550!important}.popover-link{display:grid!important;gap:3px;justify-items:start}.popover-link span{color:#66758c;font-size:13px;line-height:1.35}.popover-link.unread-link strong{color:#0f5f9d}.popover-link:hover{background:#eef5fb!important}.popover-footer-link{justify-content:center!important;color:#276ef1!important;padding:18px!important}.support-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#1f2937;font-size:18px;font-weight:550;padding:8px 14px}.support-row input{width:28px;height:28px}.demo-switcher{display:grid;gap:8px;padding:12px 14px 4px;border-top:1px solid #e8edf4;margin-top:8px}.demo-switcher span{color:#607086;font-size:13px;font-weight:750}.demo-switcher strong{color:#1f2937;font-size:15px;line-height:1.35}.demo-switcher small{color:#607086;text-transform:capitalize}.main-shell{min-width:0;max-width:100vw;padding:12px 14px;overflow-x:clip}.permission-denied-card{max-width:620px;margin:48px auto;display:grid;gap:14px;padding:28px;border:1px solid #d7e2ee;border-radius:8px;background:#fff;box-shadow:0 12px 34px #17273a14}.permission-denied-card svg{color:#2f70ed}.permission-denied-card h2{margin:0;font-size:28px;line-height:34px}.permission-denied-card p{margin:0;color:#5c6c81;line-height:1.5}.permission-denied-card button{width:fit-content;min-height:42px;padding:0 16px;border-radius:6px;background:#2f70ed;color:#fff;font-weight:800}.rota-main-shell{padding:0}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:10px}.topbar h1{margin:0;font-size:22px}.topbar p{margin:4px 0 0;color:#647083}.topbar-actions,.toolbar-group,.button-row,.row-between{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-between{justify-content:space-between}select,input,textarea{border:1px solid #ccd4df;background:#fff;color:#1b2433;border-radius:4px;padding:7px 10px}textarea{min-height:78px;resize:vertical}button:not(.nav-list button):not(.employee-cell){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border-radius:4px;padding:0 12px;background:#276ef1;color:#fff;font-size:12px;font-weight:700;line-height:30px}button.secondary{background:#e8edf5;color:#213047}button.danger{background:#d73b4a;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}.icon-button{width:32px;height:32px;padding:0}.schedule-more-button{background:transparent!important;border-color:transparent!important;color:#17202f!important}.page-stack{display:grid;gap:16px;min-width:0;max-width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.metric,.workband,.table-wrap,.audit-list{background:#fff;border:1px solid #e0e5ee;border-radius:8px;padding:16px;box-shadow:0 8px 26px #1a23340f;min-width:0;max-width:100%}.metric span{color:#66758c;display:block}.metric strong{font-size:28px}.metric.warn strong{color:#b65f00}.notice-bar{background:#eaf4ff;border:1px solid #b9dcff;color:#174a84;border-radius:8px;padding:12px 14px;font-weight:650}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:20px}.hub-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hub-preview-card{background:#fff!important;color:#1d2735!important;border:1px solid #e0e5ee!important;border-radius:8px!important;padding:16px!important;display:grid!important;justify-items:start!important;gap:6px!important;text-align:left;box-shadow:0 8px 26px #1a23340f}.hub-preview-card span{color:#66758c;font-weight:750}.hub-preview-card strong{font-size:20px}.hub-preview-card p{margin:0;color:#66758c;line-height:1.4}.segmented{display:inline-grid;grid-template-columns:1fr 1fr;background:#e8edf5;border-radius:4px;padding:0;border:1px solid #ccd4df;overflow:hidden}.segmented.wide{grid-template-columns:repeat(3,minmax(82px,1fr))}.segmented button{background:transparent!important;color:#30415c!important;min-height:30px;padding:0 12px!important;border-radius:0!important}.segmented button.active{background:#fff!important;color:#162237!important}.rota-shell{display:grid;gap:0;min-width:0}.schedule-controls{display:grid;grid-template-columns:272px minmax(0,1fr);align-items:stretch;gap:0;height:48px;background:#fff;border:0;border-bottom:1px solid #e6ebf0;border-radius:0;padding:0;min-width:0}.schedule-branch-panel{display:flex;align-items:center;min-width:0;padding:10px 16px 0 14px;background:#f6f7f8}.schedule-main-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 16px 0;background:#fff}.schedule-left,.schedule-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}.toolbar-popover-wrap{position:relative;min-width:0}.toolbar-popover{position:absolute;top:calc(100% + 8px);right:0;width:192px;max-width:calc(100vw - 24px);display:grid;gap:0;background:#fff;border:1px solid #e2e6ec;border-radius:4px;padding:0;box-shadow:0 16px 34px #19233429;z-index:35;overflow:hidden}.menu-section-title{height:33px;display:flex;align-items:center;width:100%;padding:0 12px;color:#37424d;background:#fff;font-size:12px;font-weight:700;line-height:16px}.planday-menu-item{width:100%;min-height:36px!important;justify-content:flex-start!important;border-radius:0!important;border:0!important;padding:0 12px!important;background:#fff!important;color:#37424d!important;font-size:12px!important;font-weight:400!important;line-height:36px!important;text-align:left}.planday-menu-item:hover{background:#eaf4ff!important}.planday-menu-item:disabled{color:#9aa5b4!important;background:#fff!important}.menu-separated{border-top:1px solid #e2e6ec!important}.branch-picker{width:242px;min-width:0;height:32px;min-height:32px;border-radius:4px;font-size:14px;font-weight:500;padding:0 12px;background:#fff}.branch-multi-picker{position:relative;width:100%;min-width:0}.branch-picker-button{display:flex!important;align-items:center;justify-content:space-between;gap:8px;background:#fff!important;color:#1f2d3d!important;border:1px solid #bcc8d8!important;text-align:left}.branch-picker-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-picker-popover{position:absolute;top:calc(100% + 6px);left:0;width:min(320px,calc(100vw - 24px));max-height:min(420px,calc(100vh - 110px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #cfd8e5;border-radius:6px;box-shadow:0 18px 42px #1b26382e;overflow:hidden;z-index:45}.branch-picker-list{overflow:auto;min-height:0}.branch-picker-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;color:#253247;border-bottom:1px solid #edf1f6;font-weight:500}.branch-picker-option:hover{background:#eaf4ff}.branch-picker-option input{width:16px;height:16px}.branch-picker-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-picker-option small{color:#728096;font-size:12px}.branch-picker-option.all-option{background:#f7f9fc;font-weight:750}.branch-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:6px 10px;border-top:1px solid #dfe6ef;background:#fff;color:#64748b;font-size:12px}.branch-picker-footer button{min-height:30px;padding:0 12px!important}.period-picker{width:92px;min-width:92px;height:32px;min-height:32px;border-radius:4px;font-size:14px;font-weight:650;padding:0 12px;background:#fff}.today-button{width:58px;min-width:58px;min-height:32px;height:32px;padding:0!important}.date-nav-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0!important;border-radius:4px!important;font-size:0;line-height:0;background:#fff!important;color:transparent!important;border:1px solid #ccd6e3!important;cursor:pointer;-webkit-user-select:none;user-select:none;caret-color:transparent;overflow:hidden;text-shadow:none}.date-nav-button:before{content:none}.prev-week:before{content:none}.next-week:before{content:none}.date-nav-button svg{width:18px;height:18px;color:#8a99a9;display:block;flex:0 0 auto;pointer-events:none}.week-picker-wrap{position:relative;display:inline-flex;align-items:center;min-width:0;-webkit-user-select:none;user-select:none;caret-color:transparent}.week-number{display:inline-flex;align-items:center;justify-content:center;width:45px;height:32px;border:1px solid #ccd6e3;border-right:0;background:#fff;color:#8996a7;font-size:13px;font-weight:500;cursor:default;-webkit-user-select:none;user-select:none;caret-color:transparent}.date-range{display:inline-flex;align-items:center;justify-content:center;height:32px;min-height:32px;padding:0 14px;border:1px solid #ccd6e3;border-radius:0;background:#fff;color:#26364d;font-size:14px;font-weight:650;white-space:nowrap;line-height:30px;cursor:pointer;-webkit-user-select:none;user-select:none;caret-color:transparent}.date-input-ghost{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.schedule-calendar-popover{position:absolute;top:calc(100% + 6px);left:45px;z-index:70;width:282px;padding:10px;background:#fff;border:1px solid #ccd6e3;border-radius:6px;box-shadow:0 16px 36px #1923342e;color:#26364d}.calendar-popover-header{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;padding-bottom:8px}.calendar-popover-header strong{text-align:center;font-size:14px;font-weight:700}.calendar-month-button{width:28px;height:28px;min-height:28px;padding:0!important;display:grid!important;place-items:center;border-radius:4px!important;background:#fff!important;border:1px solid #ccd6e3!important;color:#65748a!important;cursor:pointer}.calendar-weekdays,.calendar-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{padding:6px 0 4px;border-top:1px solid #edf1f5;color:#728196;font-size:11px;font-weight:700;text-align:center}.calendar-day-grid{gap:2px}.calendar-day-button{min-height:31px;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#26364d!important;font-size:13px!important;font-weight:600!important;line-height:31px!important;cursor:pointer;-webkit-user-select:none;user-select:none;caret-color:transparent}.calendar-day-button:hover{background:#edf6ff!important}.calendar-day-button.outside-month{color:#aab5c3!important}.calendar-day-button.selected-week{background:#e6f1ff!important;color:#1d5fc1!important}.calendar-day-button.week-start{background:#2f6fec!important;color:#fff!important}.calendar-today-link{width:100%;min-height:30px;margin-top:8px;padding:0!important;border:1px solid #ccd6e3!important;border-radius:4px!important;background:#fff!important;color:#2563eb!important;font-size:13px!important;font-weight:700!important;cursor:pointer}.schedule-more-button,.toolbar-popover-wrap>.secondary,.publish-status-button{height:32px;min-height:32px;border-radius:4px!important}.schedule-controls .secondary,.schedule-controls .date-range{background:#fff!important;color:#26364d!important;border:1px solid #ccd6e3!important}.toolbar-popover-wrap>.secondary{padding:0 14px!important;gap:8px}.publish-status-button{padding:0 16px!important;background:#e3e9ef!important;border-color:#e3e9ef!important;color:#1e552f!important;font-weight:750!important}.shortcut{color:#617089;font-size:13px}.schedule-kpis{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;min-width:0}.rota-shell .schedule-kpis,.rota-shell .product-tour{display:none}.schedule-kpis .metric{padding:12px}.product-tour{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:14px;align-items:center;padding:14px;border:1px solid #cfe1f2;border-radius:8px;background:linear-gradient(90deg,#f5fbff,#fff);box-shadow:0 8px 26px #1a23340f;min-width:0}.rota-shell>*,.product-tour>*,.schedule-kpis>*,.employee-panel>*{min-width:0}.product-tour p{margin:4px 0 0;color:#5e6d84;line-height:1.4}.rota-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;min-width:0}.rota-board{display:grid;grid-template-columns:272px repeat(7,minmax(0,1fr));overflow-x:hidden;overflow-y:auto;border:0;border-radius:0;background:#fff;box-shadow:none;max-width:100%;max-height:calc(100dvh - 96px)}.rota-board.month{grid-template-columns:272px repeat(28,minmax(0,1fr));overflow-x:hidden}.employee-head,.day-head,.employee-cell,.rota-cell,.rota-total-head,.rota-total-cell{border-right:1px solid #e4e9f1;border-bottom:1px solid #e4e9f1;min-width:0}.employee-head,.day-head{position:sticky;top:0;background:#fff;z-index:2;height:72px;min-height:72px;padding:11px 5px 5px;font-weight:750}.employee-head,.employee-cell,.rota-total-head{position:sticky;left:0;z-index:3}.employee-head{display:block;padding:11px 14px 0;background:#f6f7f8}.board-tabs{display:grid;grid-template-columns:repeat(3,80px);width:242px}.board-tabs button{height:30px;min-height:30px;padding:0!important;font-size:12px;font-weight:500!important;border-radius:0!important}.board-head-links{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;width:242px}.board-head-links button{min-height:16px!important;padding:0!important;border:0!important;background:transparent!important;color:#1597d4!important;font-size:12px;font-weight:500!important}.day-head{display:grid;grid-template-rows:auto auto auto;align-content:start;justify-items:center;gap:4px;overflow:visible}.day-head-top{display:none;align-items:center;justify-content:space-between;gap:8px;min-width:0}.selection-checkbox{width:18px;height:18px;min-width:18px;accent-color:#276ef1;cursor:pointer}.selection-checkbox:disabled{opacity:.45;cursor:not-allowed}.employee-cell{min-height:63px;background:#f7f9fc;color:#19263a;text-align:left;padding:7px 8px;display:flex;align-items:center;gap:8px;border-radius:0;overflow:clip}.employee-cell-main{display:grid!important;justify-items:start!important;gap:3px!important;flex:1 1 auto;min-width:0;background:transparent!important;color:#19263a!important;border:0!important;padding:0!important;text-align:left}.day-head span,.employee-cell strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-head>span{max-width:100%;color:#303b4c;font-size:14px;line-height:1.2;text-align:center}.day-head>span.today-day-label{color:#1597d4}.day-head-icons{display:flex;align-items:center;justify-content:center;gap:9px;height:15px;color:#8b9aaa}.employee-copy,.employee-cell-main{display:grid;gap:3px;min-width:0}.employee-copy small,.employee-cell-main small,.employee-cell span{color:#66758c;font-size:11px}.avatar{flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:#263142;color:#fff!important;display:grid;place-items:center;font-weight:750;font-size:10px!important}.day-head small{display:block;color:#758297;margin-top:3px;font-weight:500}.day-head>small:not(.planday-shift-count){display:none}.day-head small.planday-shift-count{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:0;color:#344053;font-size:14px;font-weight:400;line-height:1.2}.day-shift-count-button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:18px;padding:0 4px!important;border:0!important;background:transparent!important;color:#344053!important;font-size:14px;font-weight:400!important;line-height:1.2;cursor:pointer}.day-shift-count-button:hover,.day-shift-count-button[aria-expanded=true]{color:#1597d4!important}.shift-count-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#cbd8e1}.shift-count-dot.active{background:#17bd66}.daily-overview-popover{position:absolute;top:calc(100% + 8px);left:50%;z-index:90;width:min(520px,calc(100vw - 40px));transform:translate(-50%);background:#fff;border:1px solid #d9e0ea;border-radius:4px;box-shadow:0 16px 34px #1c273833;color:#263348;text-align:left}.daily-overview-popover.start{left:0;transform:none}.daily-overview-popover.end{right:0;left:auto;transform:none}.daily-overview-heading{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:50px;padding:0 16px;border-bottom:1px solid #d9e0ea;text-align:center}.daily-overview-heading strong{justify-self:center;font-size:16px}.daily-overview-close{width:32px;height:32px;min-height:32px;padding:0!important;border:0!important;background:transparent!important;color:#8b98a8!important}.daily-overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.daily-overview-status-list{display:grid;align-content:start;padding:14px 18px}.daily-overview-status-list+.daily-overview-status-list{border-left:1px solid #d9e0ea}.daily-overview-row,.daily-overview-total{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:36px;border-bottom:1px solid #edf1f6;font-weight:500}.daily-overview-row strong,.daily-overview-total strong{font-weight:700}.daily-overview-total{grid-template-columns:minmax(0,1fr) auto;margin-top:10px;padding-top:10px;border-top:1px solid #263348;border-bottom:0;font-weight:750}.daily-dot{width:10px;height:10px;border-radius:999px;background:#cbd8e1}.daily-dot.approved{background:#17bd66}.daily-dot.assigned{background:#cbd8e1}.daily-dot.forsale{background:#f0aa00}.daily-dot.draft{background:#f7d9d3}.daily-dot.open{background:#d43e5b}.daily-person-icon{width:17px;height:17px;border-radius:4px;background:#9aa8b8;position:relative}.daily-person-icon.working{background:#4aa3df}.daily-person-icon.holiday{background:#4fc9c9}.daily-person-icon.available{background:#3fc267}.daily-person-icon.unavailable{background:#d43e5b}.daily-overview-shifts{display:grid;gap:6px;padding:0 18px 16px}.daily-overview-subhead{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #edf1f6;color:#59677c}.daily-shift-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:7px 0!important;border:0!important;border-bottom:1px solid #edf1f6!important;border-radius:0!important;background:transparent!important;color:#263348!important;text-align:left}.daily-shift-row:hover{color:#1597d4!important}.daily-shift-row strong,.daily-shift-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-shift-row small{color:#63728a;font-size:12px;font-weight:500}.daily-shift-row em{color:#63728a;font-style:normal;font-size:12px}.rota-cell{min-height:63px;padding:0 5px;display:grid;align-content:start;gap:2px;background:#fff;overflow:visible;position:relative}.rota-cell:hover{background:#f8fbff}.empty-cell-add{position:absolute;top:50%;left:50%;width:28px;height:28px;min-width:0;min-height:28px;background:#37a6e6!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:0!important;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 8px 18px #16548438}.rota-cell:hover .empty-cell-add,.empty-cell-add:focus-visible{opacity:1;pointer-events:auto}.shift-card{border-left:0;background:#f2f4f5;border:1px solid #e1e5eb;border-radius:4px;padding:5px 6px 4px;min-height:58px;display:grid;align-content:start;gap:2px;font-size:13px;color:#303b4c;box-shadow:none;position:relative;touch-action:manipulation;min-width:0;max-width:100%;overflow:visible}.shift-card.selected{border-color:#1499ff;box-shadow:inset 0 0 0 1px #1499ff}.shift-selection{position:absolute;right:6px;bottom:6px;z-index:1;width:16px;height:16px;min-width:16px;background:#fff;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .12s ease}.row-selection,.day-selection{opacity:0;pointer-events:none;transition:opacity .12s ease}.employee-cell:hover .row-selection,.employee-cell:focus-within .row-selection,.row-selection:checked,.row-selection:indeterminate,.row-selection:focus-visible,.day-head:hover .day-selection,.day-head:focus-within .day-selection,.day-selection:checked,.day-selection:indeterminate,.day-selection:focus-visible,.shift-card:hover .shift-selection,.shift-card:focus-within .shift-selection,.shift-selection:checked,.shift-selection:indeterminate,.shift-selection:focus-visible{opacity:1;pointer-events:auto}.row-selection:disabled,.day-selection:disabled{opacity:0!important;pointer-events:none!important}@media(hover:none){.empty-cell-add{opacity:1;pointer-events:auto}}.shift-card.planned,.shift-card.published,.shift-card.draft{background:#f2f4f5;border-color:#e1e5eb;color:#303b4c}.shift-card.payroll-approved{background:#17b26a;border-color:#12915a;color:#fff}.shift-card.open{background:#fff7e8;border-color:#efcf91;color:#7a4f00}.shift-card.other-branch{background:transparent;border-color:transparent;color:#c36;padding:5px 0 0;min-height:auto;box-shadow:none}.shift-card.other-branch:hover{background:#e31d5f0d;border-color:transparent}.shift-branch{display:block;font-size:11px;font-weight:700;line-height:1.14;letter-spacing:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-time{display:block;color:inherit;font-size:14px;font-weight:600;line-height:1.18;min-width:0;max-width:100%;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}.shift-hover-actions{position:absolute;left:50%;bottom:-13px;z-index:4;display:none;gap:6px;align-items:center;transform:translate(-50%)}.shift-card:hover .shift-hover-actions,.shift-card:focus-within .shift-hover-actions{display:flex}.shift-hover-button{width:28px;height:28px;min-height:28px;padding:0!important;display:grid!important;place-items:center;border-radius:999px!important;border:0!important;background:#fff!important;color:#26364d!important;box-shadow:0 7px 18px #121f3538}.shift-hover-button:first-child{background:#37a6e6!important;color:#fff!important}.shift-action-menu{position:absolute;left:50%;top:calc(100% + 34px);z-index:25;display:grid;width:220px;transform:translate(-50%);padding:10px;background:#fff;border:1px solid #d7dfea;border-radius:8px;box-shadow:0 18px 36px #19243633;color:#253044}.shift-action-menu:before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:#fff;border-left:1px solid #d7dfea;border-top:1px solid #d7dfea}.shift-action-menu button{position:relative;z-index:1;justify-content:flex-start!important;gap:12px;width:100%;min-height:40px;padding:8px 10px!important;background:transparent!important;color:#253044!important;border:0!important;border-radius:6px!important;font-weight:650}.shift-action-menu button:hover{background:#eef4fb!important}.shift-action-menu .danger-menu{color:#c8315f!important}.menu-glyph{display:inline-grid;place-items:center;width:17px;height:17px;color:#8b97a6;font-weight:900}@media(max-width:1100px){.rota-board.week{grid-template-columns:minmax(190px,.76fr) repeat(7,minmax(0,1fr))}.rota-board.month{grid-template-columns:minmax(190px,.76fr) repeat(28,minmax(0,1fr))}.employee-head{padding:8px 8px 0}.board-tabs,.board-head-links{width:174px}.board-tabs{grid-template-columns:repeat(3,58px)}.board-tabs button,.board-head-links button{font-size:10px}.employee-head,.day-head,.employee-cell,.rota-cell,.rota-total-head,.rota-total-cell{padding:6px}.employee-cell,.rota-cell{min-height:63px;overflow:hidden}.employee-cell-main small,.warning-chip.small{display:none}.day-head-top{display:none;grid-template-columns:minmax(0,1fr) auto;gap:4px}.selection-checkbox.day-selection{width:18px;height:18px;min-width:18px}.shift-card{min-height:58px;padding:4px 5px;overflow:hidden}.shift-branch{font-size:10px}.shift-time{font-size:13px}.shift-hover-actions{display:none!important}}.shift-note{font-size:12px;font-weight:650;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-status-pill{align-items:center;display:inline-flex;gap:5px;width:fit-content;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:650;line-height:1;white-space:nowrap}.shift-status-pill:before{content:"";width:11px;height:11px;border-radius:999px;background:currentColor;box-shadow:inset 0 0 0 4px #ffffffd9}.shift-status-pill.payroll-approved,.shift-status-pill.published{background:#ffffffeb;color:#159451}.shift-status-pill.open{background:#fff0cc;color:#8a5a00}.conflict-badge,.warning-chip{border-radius:999px;background:#ffe4dc;color:#943526;padding:2px 7px;font-size:12px;width:fit-content;white-space:nowrap}.conflict-badge.compact{position:absolute;top:7px;right:7px;display:inline-grid;place-items:center;width:20px;height:20px;padding:0;font-size:13px;font-weight:800}.conflict-badge.compact.block{background:#d83a4b;color:#fff}.warning-chip{background:#ffe4dc;color:#943526}.warning-chip.small{font-size:11px;padding:2px 6px}.employee-panel{background:#fff;border:1px solid #e0e5ee;border-radius:8px;padding:16px;position:static;display:grid;grid-template-columns:minmax(190px,.7fr) repeat(3,minmax(180px,1fr));gap:12px;align-items:start;max-width:100%}.rota-total-head,.rota-total-cell{background:#f8fafc;min-height:88px;padding:11px 12px;display:grid;gap:4px;align-content:center}.rota-total-head span,.rota-total-cell span{color:#4f5f78;font-size:12px}.rota-total-cell{text-align:center}.published-button{background:#dfe8f1!important;color:#143b25!important}.draft-button{background:#fff4df!important;color:#7b4d00!important}.bulk-shift-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;min-height:76px;background:#fffffff5;border-top:1px solid #d9e0ea;box-shadow:0 -12px 30px #1620301f;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(160px,1fr);align-items:center;gap:18px;padding:12px 24px}.bulk-shift-summary,.bulk-shift-actions{display:flex;align-items:center;gap:10px;min-width:0}.bulk-shift-summary strong{color:#07577d;white-space:nowrap}.bulk-shift-actions button{min-width:92px}.bulk-shift-hint{justify-self:end;color:#8a96a8;white-space:nowrap}.link-button{background:transparent!important;color:#1381d8!important;padding:0!important}.employee-panel h2,.employee-panel h3{margin:0 0 8px}.panel-stat{display:flex;justify-content:space-between;background:#f2f5fa;padding:12px;border-radius:8px;margin:12px 0}.mini-shift{display:grid;gap:2px;border-bottom:1px solid #eef2f7;padding:8px 0}.panel-actions{display:grid;gap:8px;margin-top:14px}.toast,.loading-line{background:#edf6ff;border:1px solid #c8defa;color:#1f4e85;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:8px}.toast.error{background:#fff0f2;border-color:#f1bbc2;color:#9d2636}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018286b;display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 18px 60px #0d162440;display:grid;gap:14px}.modal.wide{width:min(820px,100%)}.modal.compact{width:min(480px,100%)}.shift-modal{width:min(1040px,100%)}.shift-modal-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #e4e9f1;padding-bottom:12px}.shift-modal-heading h2,.shift-modal-heading p{margin:0}.shift-modal-heading p{color:#65748a}.shift-modal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:16px;align-items:start}.shift-modal-main,.shift-modal-side,.shift-section-panel,.payroll-panel,.report-filter-panel,.profile-panel{background:#fff;border:1px solid #e0e5ee;border-radius:8px;padding:14px;min-width:0}.shift-modal-side{display:grid;gap:12px;background:#f7f9fc}.shift-modal-note{display:grid;gap:4px;color:#26364d}.shift-modal-note small{color:#64748b;line-height:1.35}.shift-modal-tabs,.profile-tabs,.payroll-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #e4e9f1;margin:14px 0 0;padding-bottom:8px}.shift-modal-tabs button,.profile-tabs button{background:transparent!important;color:#314058!important;border:1px solid transparent}.shift-modal-tabs button.active,.profile-tabs button.active{background:#e7f5ff!important;color:#006fb7!important;border-color:#b9dff7}.shift-section-panel{margin-top:12px;display:grid;gap:10px}.checkbox-line{display:flex;align-items:center;gap:8px}.checkbox-line input{width:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:5px;color:#526178;font-weight:650}label input,label select,label textarea{font-weight:500}.span-2{grid-column:span 2}.modal-actions,.modal-action-grid{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.modal-action-grid{justify-content:stretch}.modal-action-grid button{flex:1 1 220px}.list-grid,.people-grid,.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.people-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.people-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:14px;align-items:start}.people-rail,.people-main{background:#fff;border:1px solid #e0e5ee;border-radius:8px;padding:14px;box-shadow:0 8px 26px #1a23340f;min-width:0}.people-rail{display:grid;gap:6px}.people-rail h3{margin:12px 0 6px;font-size:14px;color:#5f6d82}.people-rail button{justify-content:space-between!important;background:transparent!important;color:#223047!important;padding:9px 10px!important}.people-rail button.active,.people-rail button:hover{background:#e7f5ff!important}.people-list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.people-list-heading h3,.people-list-heading span{margin:0}.people-list-heading span{color:#68768b}.person-card{background:#fff!important;color:#1f2c40!important;border:1px solid #e0e5ee!important;border-radius:8px!important;padding:14px!important;display:grid!important;justify-items:start!important;gap:4px!important}.person-card .avatar{margin-bottom:4px}.person-card span,.person-card small{color:#66758c}.person-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;width:100%}.person-actions button{flex:1 1 110px}.setup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;min-width:0}.setup-card{display:grid;gap:14px;min-width:0;background:#fff;border:1px solid #d9e1ec;border-radius:8px;padding:16px;box-shadow:0 8px 26px #1a23340f}.setup-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.setup-card-head h3,.setup-card-head p{margin:0}.setup-card-head p{color:#67758b;line-height:1.35}.setup-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.department-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-card dt{color:#69778c;font-size:12px}.setup-card dd{margin:3px 0 0;color:#253247;font-weight:750}.member-chip-list{display:flex;flex-wrap:wrap;gap:6px;min-height:30px}.member-chip-list button,.member-chip-list span{border:1px solid #d7e0ec;border-radius:999px;background:#f7f9fc!important;color:#324159!important;padding:5px 9px!important;font-size:12px;font-weight:700!important;line-height:1.2}.setup-modal{width:min(860px,100%)}.modal-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #e3e9f2;padding-bottom:12px}.modal-title-row>div{display:grid;gap:6px}.modal-title-row h2,.modal-title-row p{margin:0}.modal-title-row p{color:#66758a;line-height:1.4}.icon-only{width:34px;height:34px;display:grid!important;place-items:center;border-radius:8px!important;background:transparent!important;color:#1f2937!important;border:1px solid transparent;font-size:22px;line-height:1}.icon-only:hover{background:#edf2f7!important;border-color:#dbe3ee}.setup-checklist{display:grid;gap:8px;max-height:260px;overflow:auto;border:1px solid #dbe3ee;border-radius:8px;padding:12px;background:#f8fafc}.setup-checklist .checkbox-line{justify-content:space-between;gap:10px;border-bottom:1px solid #e4eaf3;padding-bottom:8px}.setup-checklist .checkbox-line:last-child{border-bottom:0;padding-bottom:0}.setup-checklist .checkbox-line span{margin-left:auto;color:#69778c;font-size:12px}.employee-profile-hero{display:grid;gap:14px}.employee-profile-title{display:flex;align-items:center;gap:14px}.avatar.large{width:54px;height:54px;font-size:16px!important}.status-pill,.profile-link{border-radius:999px;padding:3px 8px;background:#edf7f0;color:#18663a!important;font-size:12px;font-weight:750}.status-pill.warn{background:#fff0dd;color:#895300!important}.status-pill.planned{background:#edf2f7;color:#46556a!important}.status-pill.queried{background:#fff1d7;color:#7a4a00!important}.status-pill.danger-pill{background:#ffe5e9;color:#a62132!important}.profile-link{background:#eef5ff;color:#276ef1!important;margin-top:6px}.leave-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.leave-hero h2,.leave-request-card h3,.leave-accounts h3{margin:0}.leave-hero p,.leave-request-card p,.muted-line{color:#66758c;margin:6px 0 0}.leave-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:start}.leave-main{display:grid;gap:16px;min-width:0}.leave-request-card,.leave-accounts{background:#fff;border:1px solid #e0e5ee;border-radius:8px;padding:16px;box-shadow:0 8px 26px #1a23340f}.leave-request-card{display:grid;gap:14px}.leave-form-grid{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(140px,.8fr)) auto;gap:12px;align-items:end}.leave-form-grid label{display:grid;gap:6px;color:#526179;font-weight:700}.leave-reason{grid-column:1 / span 3}.leave-form-grid button{min-height:42px}.leave-filters input,.leave-form-grid input,.leave-form-grid select,.leave-form-grid textarea,.request-form-grid input,.request-form-grid select,.request-form-grid textarea,.leave-review-table input{width:100%;min-width:0}.leave-review-table{padding:0;overflow:hidden}.leave-review-table table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.leave-review-table th,.leave-review-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e6ebf2;vertical-align:top}.leave-review-table th{color:#58677d;font-size:13px;text-transform:uppercase;letter-spacing:0;background:#f7f9fc}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.compact-action{width:100%;justify-content:center;margin-top:8px}.compact-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.panel-card{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid #e0e5ee;border-radius:8px;background:#fff;box-shadow:0 8px 22px #1a23340d}.panel-card h3{margin:0;color:#172033;font-size:16px}.panel-card p{margin:0;color:#526179}.empty-cell{text-align:center!important;color:#69778d;padding:22px!important}.leave-account-list{display:grid;gap:12px;margin-top:14px}.leave-account-card{border:1px solid #e3e8f0;border-radius:8px;padding:12px;display:grid;gap:10px;background:#fafcff}.leave-account-card span,.leave-balance-row span{color:#66758c}.leave-meter{height:8px;border-radius:999px;overflow:hidden;background:#e8edf5}.leave-meter span{display:block;height:100%;background:#276ef1}.leave-balance-row{display:flex;justify-content:space-between;gap:10px}.request-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.request-hero h2,.request-form-card h3{margin:0}.request-hero p{margin:6px 0 0;color:#66758c}.request-layout{display:grid;gap:16px}.request-form-card{background:#fff;border:1px solid #e0e5ee;border-radius:8px;padding:16px;box-shadow:0 8px 26px #1a23340f;display:grid;gap:14px}.request-form-grid{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr) minmax(260px,1.4fr) minmax(160px,.9fr) auto;gap:12px;align-items:end}.request-form-grid label{display:grid;gap:6px;color:#526179;font-weight:700;min-width:0}.request-shift-select{grid-column:span 2}.request-reason{grid-column:span 4}.request-table{padding:0;overflow:hidden}.request-table table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.request-table th,.request-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e6ebf2;vertical-align:top}.request-table th{color:#58677d;font-size:13px;text-transform:uppercase;letter-spacing:0;background:#f7f9fc}.hub-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.hub-hero h2,.hub-composer-card h3,.section-heading-row h3,.hub-post-card h4,.hub-event-card h4{margin:0}.hub-hero p{margin:6px 0 0;color:#66758c}.hub-composer-grid,.hub-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hub-composer-card,.hub-feed,.hub-post-card,.hub-event-card{background:#fff;border:1px solid #e0e5ee;border-radius:8px;box-shadow:0 8px 26px #1a23340f}.hub-composer-card{padding:16px;display:grid;gap:12px}.hub-form-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}.hub-feed{padding:14px;display:grid;gap:12px;align-content:start}.section-heading-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading-row span{color:#66758c;font-weight:750}.hub-post-card,.hub-event-card{padding:14px;display:grid;gap:10px;box-shadow:none}.hub-post-card span,.hub-event-card span,.hub-post-card small,.hub-event-card small{color:#66758c}.hub-post-card h4,.hub-event-card h4{font-size:20px}.hub-post-card p,.hub-event-card p{margin:0;line-height:1.45;color:#2f3a4c}.hub-event-meta{display:flex;gap:8px;flex-wrap:wrap}.hub-event-meta span{background:#eef3f8;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750}.help-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.help-hero h2,.help-panel h3,.help-card h3{margin:0}.help-hero p,.help-panel p,.help-card p{margin:6px 0 0;color:#607086;line-height:1.45}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.help-card,.help-panel{background:#fff;border:1px solid #e0e7ef;border-radius:8px;padding:18px;box-shadow:0 8px 26px #1a23340f;min-width:0}.help-card span{display:inline-grid;place-items:center;width:34px;height:28px;margin-bottom:12px;border-radius:999px;background:#e7f4fb;color:#1269a8;font-weight:800}.shortcut-list{display:grid;gap:10px;margin-top:12px}.shortcut-list div{display:grid;grid-template-columns:minmax(150px,.5fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f6}kbd{display:inline-block;width:fit-content;max-width:100%;padding:5px 8px;border:1px solid #ccd6e2;border-bottom-width:2px;border-radius:6px;background:#f8fafc;color:#1f2d3d;font:inherit;font-weight:750}.report-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.report-filter-panel{display:grid;gap:14px;box-shadow:0 8px 26px #1a23340f}.report-filter-panel h3,.report-filter-panel p,.payroll-panel h3,.payroll-panel p{margin:0}.report-filter-panel p,.payroll-panel p{color:#66758c;margin-top:4px}.weekday-picker{display:grid;grid-template-columns:repeat(7,minmax(0,42px));gap:6px;align-items:center}.weekday-picker button{min-width:0;padding:8px 0!important;background:#eef3f8!important;color:#233249!important}.weekday-picker button.active{background:#276ef1!important;color:#fff!important}.report-card{background:#fff;border:1px solid #e0e5ee;border-radius:8px;padding:18px;display:grid;gap:8px;box-shadow:0 8px 26px #1a23340f}.report-card span{color:#63728a;font-weight:750}.report-card strong{font-size:32px}.report-card p{margin:0;color:#63728a}.timesheet-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;align-items:end;background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:12px}.timesheet-filters label{gap:5px;min-width:0}.timesheet-date-filter{grid-column:span 2}.timesheet-date-control{display:flex;min-width:0;width:100%;height:42px}.timesheet-date-control .icon-button{flex:0 0 42px;width:42px;min-height:42px;border-radius:0}.timesheet-date-control .icon-button:first-child{border-radius:6px 0 0 6px}.timesheet-date-control .icon-button:last-child{border-radius:0 6px 6px 0}.timesheet-date-range{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;border-top:1px solid #b9c5d8;border-bottom:1px solid #b9c5d8;background:#fff;color:#263348;font-weight:700;white-space:nowrap}.timesheet-date-range span{color:#77869c;font-weight:600;padding-right:10px;border-right:1px solid #d7deeb}.timesheet-today-button,.timesheet-approve-button{min-height:42px;align-self:end}.timesheet-table th,.timesheet-table td{white-space:normal;overflow-wrap:anywhere}.timesheet-table{table-layout:auto;min-width:1320px}.timesheet-table th:nth-child(9),.timesheet-table td:nth-child(9){width:145px;min-width:145px}.timesheet-table th:nth-child(10),.timesheet-table td:nth-child(10){width:190px;min-width:190px}.timesheet-table th:nth-child(13),.timesheet-table td:nth-child(13){width:170px;min-width:170px}.timesheet-table select{min-width:0;width:100%;background:#f4f7fb}.timesheet-table tr.approved{background:#f8fff9}.timesheet-table tr.exception{background:#fffaf4}.timesheet-table tr.queried{background:#fff8eb}.timesheet-table tr.changed{background:#eef5ff}.timesheet-time-edit{display:inline-flex;align-items:stretch;width:min(190px,100%);max-width:100%;min-width:0;border:1px solid #b9c5d8;border-radius:6px;overflow:hidden;background:#fff}.timesheet-time-edit input{flex:1 1 76px;width:76px;min-width:0;border:0;border-radius:0;border-right:1px solid #b9c5d8;padding:8px 10px;background:#fff;font:inherit;font-size:13px;color:#192334}.timesheet-time-edit input:last-of-type{border-right:0}.timesheet-time-edit input:focus{outline:2px solid #2f6fed;outline-offset:-2px}.timesheet-time-edit input::placeholder{color:#5e6d84}.timesheet-time-edit.disabled{background:#f4f7fb;opacity:.75}.timesheet-time-edit.disabled input{background:#f4f7fb}.timesheet-time-flag{flex:0 0 30px;width:30px;display:grid;place-items:center;border-right:1px solid #b9c5d8;background:#fff}.timesheet-time-flag.warn{color:#f58a12}.timesheet-time-flag.danger{color:#d42d5b}.timesheet-time-edit.large{width:100%}.timesheet-time-edit.large input{flex-basis:120px;min-height:42px;padding:10px 12px}.timesheet-shift-type{border-left:4px solid var(--shift-type-color, #c9d4e1)!important}.row-icon-button{width:34px;height:34px;border:0;background:transparent;color:#687894;padding:0;display:inline-grid;place-items:center;font-size:22px}.row-icon-button:hover{background:#eef5ff;color:#2f6fed}.status-dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:#f58a12}.status-dot.approved{background:#16b866}.status-dot.warn{background:#e04154}.status-dot.queried{background:#f0a400}.status-dot.pending{background:#f58a12}.timesheet-table td small{display:block;color:#6b7788;margin-top:3px}.timesheet-summary-panel{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:14px;padding:14px 16px;background:#fff;border:1px solid #dfe5ef;border-radius:8px;box-shadow:0 8px 26px #1a23340d}.timesheet-summary-panel span{display:block;color:#66748a;font-size:13px;font-weight:750}.timesheet-summary-panel strong{display:block;margin-top:4px;color:#202b3a}.timesheet-summary-panel small{display:block;margin-top:4px;color:#5d6c82}.timesheet-branch-totals{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.timesheet-branch-totals span{padding:5px 8px;border-radius:999px;background:#f2f5f9;color:#38465b;font-size:12px}.timesheet-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.location-review{display:inline-grid;gap:2px;max-width:100%;padding:6px 8px;border:1px solid #d7e0eb;border-radius:7px;background:#f6f8fb;color:#415069;font-size:12px;font-weight:750}.location-review strong{color:#1f2c3f;font-size:12px}.location-review small{margin:0;color:#5f6f86;font-weight:650}.location-review.compact{padding:5px 7px}.location-review.inside{border-color:#bfe6cf;background:#f2fff7;color:#137447}.location-review.outside{border-color:#ffd0d8;background:#fff5f6;color:#b42343}.location-review.gps{border-color:#f6d79c;background:#fff8e8;color:#925f00}.location-review.disabled,.location-review.unknown{color:#687894}.mini-button{min-height:28px;padding:4px 9px;border-radius:5px;font-size:12px}.mini-button.secondary{background:#fff;color:#2d3b50}.timesheet-edit-modal{width:min(1180px,100%);padding:0;gap:0}.timesheet-edit-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 26px;border-bottom:1px solid #d8e0ec}.timesheet-edit-heading h2,.timesheet-edit-heading p{margin:0}.timesheet-edit-summary,.timesheet-approval-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.timesheet-edit-summary{padding:18px 26px;border-bottom:1px solid #d8e0ec}.timesheet-edit-summary span,.approval-duration span{display:block;color:#66748a;font-size:13px;font-weight:700;margin-bottom:5px}.timesheet-approval-card{margin:22px 26px;border:1px solid #cfd8e7;border-radius:8px;box-shadow:0 10px 28px #16223314;overflow:hidden}.timesheet-approval-card>.row-between{padding:16px 20px;border-bottom:1px solid #d8e0ec}.timesheet-approval-card h3{margin:0;font-size:22px}.timesheet-approval-grid{padding:18px 20px;align-items:end}.timesheet-approval-grid label{display:grid;gap:7px;font-weight:750}.timesheet-tabs{display:flex;gap:18px;padding:0 20px;border-bottom:1px solid #d8e0ec}.timesheet-tabs button{background:transparent!important;border:0;border-radius:0;color:#202b3a!important;padding:12px 0}.timesheet-tabs button.active{color:#2f6fed!important;box-shadow:inset 0 -3px #2f6fed}.break-row,.timesheet-edit-total{padding:18px 20px}.break-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.break-row p{margin:8px 0 0;color:#46556a}.timesheet-edit-total{border-top:1px solid #d8e0ec;border-bottom:1px solid #d8e0ec;margin:0 26px 16px}.payroll-panel{display:grid;gap:14px;box-shadow:0 8px 26px #1a23340f}.payroll-hero{display:flex;justify-content:space-between;gap:16px;align-items:center}.payroll-hero-actions,.payroll-action-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.payroll-filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr)) auto;gap:10px;align-items:end;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1926400d}.payroll-filters label{display:grid;gap:5px;color:#1d2a3d;font-size:13px;font-weight:800}.payroll-warning{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #f4c7a1;border-radius:8px;background:#fff7ed;color:#7a3e00}.payroll-warning.approved{border-color:#bce6cb;background:#f0fbf5;color:#166534}.payroll-warning div{display:grid;gap:3px}.payroll-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.payroll-action-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.payroll-action-row>div:first-child{display:grid;gap:3px}.payroll-action-row span{color:#65748a;font-size:13px}.payroll-branch-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.payroll-branch-totals article,.payroll-history-list article{display:grid;gap:4px;padding:12px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.payroll-branch-totals span,.payroll-history-list span,.payroll-history-list small{color:#5f6f87}.payroll-table{min-width:1180px}.payroll-table th{white-space:nowrap}.payroll-table td{vertical-align:top}.payroll-table td small{display:block;margin-top:3px;color:#607089;line-height:1.25}.payroll-preview-panel pre{max-height:420px;overflow:auto;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#0f172a;color:#e8f0ff;font-size:12px;line-height:1.55;white-space:pre}.payroll-history-list{display:grid;gap:10px}.empty-table{padding:20px;color:#5e6d84;text-align:center}.attendance-hero{display:flex;justify-content:space-between;gap:16px}.attendance-hero-stats{display:grid;gap:4px;min-width:150px;padding:12px;border:1px solid #d9e1ed;border-radius:8px;background:#f7f9fc}.attendance-hero-stats span{color:#62728b;font-size:13px;font-weight:700}.attendance-hero-stats strong{color:#172235}.attendance-clock-panel{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:16px;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fff;box-shadow:0 8px 26px #1a23340d}.attendance-selected-shift,.attendance-actions{display:grid;gap:10px;min-width:0}.attendance-selected-shift label,.attendance-actions label{display:grid;gap:5px;color:#2a374b;font-weight:750}.attendance-shift-summary{display:grid;gap:3px;padding:12px;border-radius:8px;background:#f4f7fb}.attendance-shift-summary span,.attendance-shift-summary small{color:#607089}.attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-actions .attendance-note{grid-column:1 / -1}.attendance-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.attendance-card{display:grid;gap:12px;padding:14px;border:1px solid #dfe5ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1a23340d}.attendance-card.approved{border-color:#bfe6cf;background:#f7fff9}.attendance-card.queried{border-color:#f4d59a;background:#fff9eb}.attendance-card strong,.attendance-card span,.attendance-card p{margin:0}.attendance-card span,.attendance-card p{color:#5e6d84}.attendance-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.attendance-card dl div{padding:8px;border-radius:7px;background:#f5f8fb}.attendance-card dt{color:#687894;font-size:12px;font-weight:750}.attendance-card dd{margin:3px 0 0;color:#1f2c3f;font-weight:750}.privacy-note{padding:10px 14px;border:1px solid #cdd9ea;border-radius:8px;background:#f5f9ff;color:#40536f;font-weight:700}.table-wrap{overflow:hidden;padding:0;width:100%;max-width:100%}table{width:100%;border-collapse:collapse;min-width:0;table-layout:fixed}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f6;min-width:0;overflow-wrap:anywhere;word-break:normal}th{color:#5a687e;background:#f8fafc}.settings-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);min-height:calc(100vh - 82px);margin:-12px -14px;background:#eef2f7;max-width:calc(100vw + -0px);overflow-x:clip}.settings-rail{background:#fff;border-right:1px solid #cfd7e3;min-width:0}.settings-rail-title{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;border-bottom:1px solid #cfd7e3}.settings-rail-title h2{margin:0;font-size:28px}.settings-rail-title span{color:#1b2738;font-weight:750}.settings-rail-scroll{max-height:calc(100vh - 138px);overflow:auto}.settings-section{display:grid;gap:4px;padding:20px 20px 22px;border-bottom:1px solid #d6deea}.settings-section h3{margin:0 0 8px;display:flex;align-items:center;gap:12px;font-size:22px}.settings-section h3 span{width:28px;color:#56637a;font-size:13px;text-align:center}.settings-section button{justify-content:flex-start!important;background:transparent!important;color:#141c2a!important;border-radius:0!important;padding:10px 12px 10px 48px!important;font-size:17px;font-weight:500!important}.settings-section button.active,.settings-section button:hover{background:#e8edf4!important}.settings-section button.active-muted{background:transparent!important;color:#50617a!important}.settings-main{min-width:0;overflow-x:hidden;overflow-y:auto}.settings-heading{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 34px;background:#fff;border-bottom:1px solid #cfd7e3}.settings-heading h2{margin:0;font-size:34px}.settings-heading p{margin:4px 0 0;font-size:17px}.settings-account{display:grid;gap:3px;min-width:190px;color:#253044}.settings-account span{color:#617088;font-size:13px}.settings-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:26px 34px;min-width:0}.settings-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-content:start;gap:12px 18px;min-height:250px;background:#fff;border:1px solid #c8d1df;border-radius:8px;padding:36px 38px;min-width:0}.settings-card-icon{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:850;grid-row:span 2}.settings-card-icon.purple{background:#7760c5}.settings-card-icon.green{background:#3fc267}.settings-card-icon.teal{background:#4cc6c8}.settings-card-icon.blue{background:#3f9bd7}.settings-card-icon.yellow{background:#f5b400}.settings-card span{color:#151d2a;font-weight:750}.settings-card h3{margin:2px 0 0;font-size:28px;overflow-wrap:anywhere}.settings-card p{grid-column:1 / -1;margin:8px 0 6px;line-height:1.45;font-size:16px;overflow-wrap:anywhere}.settings-card button{grid-column:1 / -1;justify-content:flex-start!important;background:transparent!important;color:#276ef1!important;padding:0!important;font-size:17px;font-weight:750!important}.settings-access-panel{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:22px;padding:0 34px 34px}.settings-access-copy,.fake-map{background:#fff;border:1px solid #c8d1df;border-radius:8px;padding:20px;min-width:0}.settings-access-copy h3,.settings-access-copy p{margin:0}.settings-access-copy p{color:#66758c;margin:4px 0 14px}.branch-location-list{display:grid;gap:8px}.branch-location-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:#27344a;text-align:left}.branch-location-list button.active,.branch-location-list button:hover{border-color:#9eb8e6;background:#f2f7ff}.branch-location-list strong,.branch-location-list small{display:block}.branch-location-list small{margin-top:3px;color:#6a7a91}.location-access-badge{padding:4px 7px;border-radius:999px;background:#f1f4f8;color:#65758b;font-size:11px;font-weight:850}.location-access-badge.active{background:#e8faee;color:#157447}.location-access-badge.inactive{background:#fff4e8;color:#935d00}.location-detail-card{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;padding:12px;border:1px solid #d8e1ee;border-radius:8px;background:#f8fafc}.location-detail-card span,.location-detail-card small{display:block;color:#62718a}.location-detail-card strong{display:block;margin:3px 0;color:#1e2b3e}.fake-map{min-height:320px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(55,124,91,.13) 1px,transparent 1px),linear-gradient(rgba(55,124,91,.13) 1px,transparent 1px),linear-gradient(135deg,#d7ecd7,#eaf4dc 42%,#d7ebf6 43%,#d7ebf6);background-size:54px 54px,54px 54px,auto}.map-toolbar{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1;background:#ffffffe6;border:1px solid #d5dce8;border-radius:8px;padding:9px 10px;color:#2d3a4e}.map-radius{position:absolute;width:min(55vw,360px);height:min(55vw,360px);border:2px solid rgba(37,120,93,.65);border-radius:50%;left:var(--pin-x, 50%);top:var(--pin-y, 54%);transform:translate(-50%,-50%);background:#26a67529}.map-pin{position:absolute;left:var(--pin-x, 50%);top:var(--pin-y, 54%);width:18px;height:18px;min-height:18px;border:0;border-radius:50% 50% 50% 0;background:#e9294f;padding:0;transform:translate(-50%,-85%) rotate(-45deg);box-shadow:0 4px 14px #46151f59}.map-pin.active{width:24px;height:24px;min-height:24px;background:#2f6fed;z-index:2}.map-pin:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#fff}.location-edit-modal{width:min(720px,100%)}.audit-list{display:grid;gap:10px}.audit-toolbar{align-items:center;background:#fff;border:1px solid #dce4ee;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.audit-toolbar h2{margin:0}.audit-toolbar p{color:#66758b;margin:4px 0 0}.audit-actions{display:flex;justify-content:center}.audit-item{display:grid;gap:3px;border-bottom:1px solid #edf1f6;padding-bottom:10px}.audit-item span,.audit-item small{color:#67758b}@media(max-width:1100px){.brand-word{display:none}.nav-menu-button{padding:0 7px}.rota-layout,.two-col,.leave-layout,.hub-layout{grid-template-columns:1fr}.request-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-reason,.request-shift-select{grid-column:span 2}.employee-panel{position:static}.settings-layout{grid-template-columns:280px minmax(0,1fr)}.settings-card-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px;padding:22px}.settings-card{padding:28px}.product-tour,.report-grid,.help-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.hub-composer-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:30;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;overflow-x:clip}.brand-word{display:inline}.nav-list{display:flex;width:100%;min-width:0;max-width:100%;order:3;grid-column:1 / -1;overflow:visible;gap:4px}.nav-item-wrap{min-width:0}.nav-menu-button,.nav-list button{min-height:34px;padding:0 9px;white-space:normal;line-height:1.15;font-size:12px}.nav-menu-button svg{display:block;width:14px;height:14px}.nav-dropdown{position:static;width:100%;min-width:0;max-width:100%;margin-top:6px}.topbar,.schedule-controls{align-items:stretch;grid-template-columns:1fr;height:auto;width:100%;max-width:100%;overflow:hidden}.rota-main-shell{padding:0}.schedule-branch-panel,.schedule-main-toolbar{padding:8px 10px}.schedule-main-toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.schedule-left,.schedule-actions,.topbar-actions{align-items:center;flex-wrap:wrap;width:100%;max-width:100%}.schedule-left{flex:1 1 100%;flex-wrap:nowrap}.schedule-left>*,.schedule-actions>*,.branch-picker,.period-picker,.week-picker-wrap,.week-number,.date-range,.segmented{min-width:0;max-width:100%}.branch-picker{width:100%}.period-picker{flex:0 0 84px;width:84px;min-width:84px}.today-button{flex:0 0 58px;min-width:58px}.date-nav-button{flex:0 0 32px}.week-number{flex:0 0 38px;width:38px}.week-picker-wrap{flex:1 1 118px}.date-range{flex:1 1 118px;min-width:118px;padding:0 8px}.schedule-calendar-popover{left:0;width:min(282px,calc(100vw - 24px))}.schedule-actions{display:flex;flex:1 1 100%;justify-content:flex-end;gap:6px}.schedule-actions .shortcut{grid-column:1 / -1}.schedule-actions button,.schedule-actions select{justify-content:center;width:auto}.toolbar-popover-wrap{width:auto}.toolbar-popover{position:static;width:100%;margin-top:6px}.metric-grid,.form-grid,.leave-form-grid,.request-form-grid,.hub-preview-grid,.hub-form-row,.schedule-kpis,.product-tour,.help-grid,.report-grid,.timesheet-filters{grid-template-columns:1fr}.leave-hero,.request-hero,.hub-hero{flex-direction:column}.leave-filters,.leave-filters select,.leave-filters button,.request-filters,.request-filters select,.request-filters button{width:100%}.leave-reason,.request-reason,.request-shift-select,.span-2{grid-column:span 1}.main-shell{padding:12px}.utility-actions{margin-left:0;justify-content:end;gap:4px;min-width:0;max-width:100%}.utility-button{width:38px;height:38px}.profile-button{width:40px;height:40px}.utility-popover{position:fixed;top:62px;right:12px;left:12px;width:auto;max-width:none}.settings-layout{grid-template-columns:1fr;margin:0;min-height:auto}.settings-rail{border-right:0;border-bottom:1px solid #cfd7e3}.settings-rail-scroll{max-height:300px}.settings-heading{align-items:flex-start;flex-direction:column;padding:18px}.settings-heading h2{font-size:28px}.settings-card-grid{grid-template-columns:1fr;padding:16px}.settings-card{min-height:auto;padding:22px}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px);padding:12px;gap:9px}.shift-modal{padding:10px;gap:8px}.shift-modal-grid,.people-layout,.settings-access-panel{grid-template-columns:1fr}.shift-modal-heading{grid-template-columns:auto minmax(0,1fr) minmax(98px,auto);align-items:center;gap:8px;padding:8px;border:1px solid #cfe2fa;border-radius:8px;background:#eef6ff}.shift-modal-heading .avatar{width:28px;height:28px;font-size:11px!important}.shift-modal-heading h2{font-size:20px;line-height:1.1}.shift-modal-heading p{font-size:13px;line-height:1.2}.shift-modal-heading button{min-height:34px;padding:7px 8px!important;font-size:12px;line-height:1.15;white-space:normal}.shift-modal-grid{gap:8px}.shift-modal-main,.shift-modal-side,.shift-section-panel{padding:8px}.shift-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.shift-modal .span-2{grid-column:span 1}.shift-modal label{gap:3px;font-size:12px;line-height:1.2}.shift-modal input,.shift-modal select,.shift-modal textarea{min-height:34px;padding:6px 8px;font-size:14px}.shift-modal textarea{min-height:42px}.shift-modal-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px;padding-bottom:4px}.shift-modal-tabs button{min-width:0;padding:6px 3px!important;font-size:11px;line-height:1.1}.shift-section-panel{margin-top:7px;gap:6px}.shift-modal-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:12px}.shift-modal-side small{display:none}.shift-modal .checkbox-line{align-items:center}.shift-modal .modal-actions{gap:6px;flex-wrap:nowrap}.shift-modal .modal-actions button{flex:1 1 0;min-height:36px;padding:8px 6px!important;font-size:13px}.people-list-heading{align-items:stretch;flex-direction:column}.profile-tabs,.shift-modal-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-tabs button,.shift-modal-tabs button{width:100%}.settings-access-panel{padding:0 16px 18px}.fake-map{min-height:260px}.table-wrap{overflow:hidden}.table-wrap table,.leave-review-table table,.request-table table{display:block;width:100%}.table-wrap thead,.leave-review-table thead,.request-table thead{display:none}.table-wrap tbody,.leave-review-table tbody,.request-table tbody{display:grid;gap:10px}.table-wrap tr,.leave-review-table tr,.request-table tr{display:grid;gap:8px;border:1px solid #e1e7f0;border-radius:8px;padding:10px;background:#fff}.table-wrap td,.leave-review-table td,.request-table td{display:grid;grid-template-columns:minmax(86px,35%) minmax(0,1fr);gap:10px;align-items:start;border-bottom:0;padding:3px 0}.table-wrap td:before,.leave-review-table td:before,.request-table td:before{content:attr(data-label);color:#617088;font-weight:750;overflow-wrap:anywhere}.table-wrap td.empty-cell,.request-table td.empty-cell{display:block;text-align:center}.timesheet-table select{width:100%}.rota-board.week{grid-template-columns:minmax(154px,.95fr) repeat(7,minmax(0,1fr))}.rota-board.month{grid-template-columns:minmax(120px,.85fr) repeat(28,minmax(0,1fr))}.board-tabs,.board-head-links{width:144px}.board-tabs{grid-template-columns:repeat(3,48px)}.board-tabs button,.board-head-links button{font-size:10px}.employee-cell,.rota-cell{min-height:62px}.employee-head,.day-head,.employee-cell,.rota-cell,.rota-total-head,.rota-total-cell{padding:5px}.employee-head strong,.day-head span{font-size:10px}.employee-head span,.day-head small,.employee-copy small,.employee-cell-main small{display:none}.employee-cell{gap:2px}.employee-cell strong{font-size:10px;max-width:92px}.avatar{width:22px;height:22px;font-size:9px!important}.shift-card{min-height:54px;padding:3px 2px;gap:2px;border-radius:3px}.selection-checkbox{width:18px;height:18px;min-width:18px}.day-head-top{gap:1px}.daily-overview-popover,.daily-overview-popover.start,.daily-overview-popover.end{position:fixed;top:118px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 136px);overflow:auto;transform:none}.daily-overview-columns{grid-template-columns:1fr}.daily-overview-status-list+.daily-overview-status-list{border-left:0;border-top:1px solid #d9e0ea}.day-selection,.row-selection{display:none}.shift-card.other-branch{padding:5px 3px}.shift-selection{right:3px;bottom:3px;display:none}.shift-branch{font-size:7.5px}.shift-time{font-size:0;line-height:1.15}.shift-time:after{content:attr(data-short);font-size:7px;font-weight:650}.shift-note,.shift-status-pill,.warning-chip.small{display:none}.conflict-badge.compact{top:3px;right:3px;width:14px;height:14px;font-size:10px}.rota-total-head,.rota-total-cell{min-height:64px;overflow:hidden}.rota-total-head strong,.rota-total-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rota-total-head span,.rota-total-cell span{display:none}.employee-panel{position:static;grid-template-columns:1fr}.empty-cell-add{opacity:0;width:20px;height:20px;min-height:20px;padding:0!important;font-size:0}.empty-cell-add svg{display:block;width:12px;height:12px}.bulk-shift-bar{grid-template-columns:1fr;gap:8px;padding:10px 12px}.bulk-shift-summary,.bulk-shift-actions{justify-content:center;flex-wrap:wrap}.bulk-shift-actions button{min-width:0;flex:1 1 120px}.bulk-shift-hint{justify-self:center;font-size:12px}}.schedule-controls{min-height:52px}.schedule-main-toolbar{min-height:36px}.rota-board.week{grid-template-columns:300px repeat(7,minmax(104px,1fr))!important;max-height:calc(100dvh - 154px);overflow-x:auto;overflow-y:auto;overscroll-behavior:contain}.employee-head,.day-head{height:74px;min-height:74px}.day-head{display:grid;grid-template-rows:20px 18px 20px;align-content:center;gap:2px;padding:8px 8px 6px}.day-shift-count-button{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:100%;font-size:12px!important;line-height:18px!important;white-space:nowrap}.day-selection{position:absolute;right:8px;top:24px}.employee-cell,.rota-cell{min-height:102px;height:102px}.employee-cell.open-shifts-employee,.open-shifts-cell{min-height:92px;height:92px}.rota-cell.is-empty{background:#fff}.rota-cell.is-empty:hover{background:#f8fbff}.empty-cell-add{top:50%;left:50%;transform:translate(-50%,-50%)}.shift-card{display:grid;grid-template-rows:auto auto auto auto;align-content:start;min-height:70px;max-height:none;padding:8px 8px 7px;gap:2px;border-radius:4px;cursor:grab;overflow:visible;touch-action:none}.shift-card .shift-branch,.shift-card .shift-time,.shift-card .shift-role,.shift-card .shift-note{min-width:0}.shift-branch{max-width:calc(100% - 26px);overflow:hidden;color:inherit;font-size:11px;font-weight:760;line-height:1.12;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.shift-card.open{min-height:66px;padding:8px 8px 7px;border:1px solid #d6c7ff;border-left:3px solid #8d63e8;background:#f6f2ff;color:#513a88}.shift-card.other-branch{min-height:48px;padding:8px 8px 7px;border:1px solid transparent;background:transparent;color:#cf2f68}.conflict-badge.compact.labeled{right:4px;top:4px;min-width:54px}.rota-total-head,.rota-total-cell{position:static;bottom:auto;min-height:78px;height:auto;padding:8px 10px;box-shadow:none}.rota-total-head{position:sticky;left:0;z-index:12;display:grid;align-content:start;gap:3px;background:#f6f8fb}.rota-total-cell{display:grid;align-content:start;gap:2px;background:#fff}@media(max-width:1180px){.schedule-dnd-helper{margin-inline:10px}.rota-board.week{grid-template-columns:248px repeat(7,minmax(104px,1fr))!important}}@media(max-width:760px){.schedule-dnd-helper{display:none}.rota-board.week{max-height:none}}@media(max-width:520px){.shift-time{font-size:11px;white-space:normal}}.rota-shell{background:#eef3f8;color:#263348}.schedule-controls{grid-template-columns:254px minmax(0,1fr);height:54px;border-bottom-color:#dce3ec;box-shadow:0 1px #23314608}.schedule-branch-panel{padding:9px 10px;background:#f5f7fa;border-right:1px solid #e2e8f0}.schedule-main-toolbar{min-height:54px;padding:9px 10px;gap:8px}.schedule-left,.schedule-actions{gap:5px}.branch-picker{width:100%;height:36px;min-height:36px;font-size:13px}.period-picker,.department-picker,.today-button,.date-nav-button,.toolbar-popover-wrap>.secondary,.publish-status-button,.schedule-more-button{height:36px;min-height:36px;border-color:#b8c4d5!important;box-shadow:0 1px #1525380a}.department-picker{width:136px}.employee-search-field{width:clamp(132px,13vw,178px);height:36px;border-color:#b8c4d5}.today-button{width:60px;font-weight:700!important}.date-nav-button{width:34px;min-width:34px;color:#7b8b9f!important;background:#f8fafc!important}.date-nav-button:hover{background:#eef4fb!important;border-color:#9fb0c5!important}.week-number,.date-range{height:36px}.week-number{width:42px;color:#7c8a9d;background:#f8fafc;border-color:#b8c4d5}.date-range{min-width:138px;padding-inline:12px;font-weight:700!important;border-color:#b8c4d5!important}.schedule-actions{margin-left:auto}.toolbar-popover-wrap>.secondary,.schedule-more-button{background:#f8fafc!important;color:#263348!important;font-weight:750!important}.toolbar-popover-wrap>.secondary:hover,.schedule-more-button:hover{background:#eef4fb!important;border-color:#9fb0c5!important}.publish-status-button{min-width:116px;justify-content:center;border-color:transparent!important}.published-button.publish-status-button{background:#e4ebf2!important;color:#18522d!important}.draft-button.publish-status-button{background:#fff0d2!important;color:#754b00!important}.toolbar-popover{width:220px;border-radius:6px;border-color:#d7dee9;box-shadow:0 18px 38px #1420342e}.planday-menu-item{min-height:38px!important;padding-inline:14px!important;font-size:13px!important}.rota-layout{grid-template-columns:minmax(0,1fr) 286px;border-top:1px solid #edf1f6;background:#fff}.rota-board-stack{border-right:1px solid #dde5ef;overflow:hidden}.rota-board.week{grid-template-columns:224px repeat(7,minmax(88px,1fr));max-height:calc(100dvh - 110px);background:#fff}.employee-head,.day-head,.employee-cell,.rota-cell,.rota-total-head,.rota-total-cell{border-right-color:#e3e9f1;border-bottom-color:#e3e9f1}.employee-head,.day-head{height:66px;min-height:66px}.employee-head{padding:9px 10px 0;background:#f6f8fb}.board-tabs,.board-head-links{width:204px}.board-tabs button{height:30px;font-size:11px}.board-head-links{margin-top:8px}.board-head-links button{color:#098ed1!important;font-size:12px}.day-head{grid-template-rows:18px 15px 20px;gap:2px;padding:8px 4px 5px}.day-head>span:first-child{font-size:13px!important;font-weight:800}.day-head-icons{gap:8px;height:14px;color:#91a0b1}.day-shift-count-button{min-height:18px;color:#344053!important;font-size:13px}.shift-count-dot{width:7px;height:7px}.employee-cell{min-height:56px;padding:6px 8px;gap:8px;background:#f7f9fc}.employee-cell:hover{background:#f1f5fa}.employee-cell .avatar{width:26px;height:26px}.employee-cell-main strong{color:#27364d;font-size:13px;font-weight:750;line-height:1.1}.employee-cell-main small{color:#8090a4;font-size:11px;line-height:1.15}.open-shifts-employee{background:#fbfcfe}.open-shifts-employee .avatar{background:#b32f65}.open-shifts-cell{background:#fffdf8}.rota-cell{min-height:56px;padding:3px 5px;gap:2px;align-content:start}.rota-cell:hover{background:#f7fbff}.empty-cell-add{width:24px;height:24px;min-height:24px;cursor:pointer;box-shadow:0 7px 16px #2369a138}.empty-cell-add svg{width:15px;height:15px}.rota-cell:has(.empty-cell-add){cursor:pointer}.shift-card{min-height:50px;padding:5px 6px 4px;gap:1px;border-radius:5px;border-color:#dfe5ed;background:#f1f3f5;color:#303b4c}.shift-card:hover{z-index:5;border-color:#8abbed;box-shadow:0 3px 10px #12253c24;transform:translateY(-1px)}.shift-card.payroll-approved{background:#17b768;border-color:#119456;color:#fff}.shift-card.published{background:#edf1f5;border-color:#dce2ea;color:#303b4c}.shift-card.draft{background:#fff4df;border-color:#efc87e;color:#725000}.shift-card.changed{background:#e8f2ff;border-color:#82b6ed;color:#204a7a}.shift-card.conflict{background:#fff2f3;border-color:#de6272;color:#8f2433}.shift-card.leave-warning{background:#f3eeff;border-color:#9f82e8;color:#513688}.shift-card.open{background:#fff8e8;border-color:#efc978;border-style:dashed;color:#704a00}.shift-card.other-branch{min-height:46px;padding:5px 4px 0;color:#d02d68;background:transparent}.shift-card.other-branch:hover{background:#d02d680b;box-shadow:none;transform:none}.shift-branch{max-width:calc(100% - 18px);font-size:10.5px;font-weight:750;line-height:1.1}.shift-time{max-width:calc(100% - 18px);font-size:13.5px;font-weight:700;line-height:1.15}.shift-role,.shift-note{max-width:calc(100% - 18px);font-size:9.5px;line-height:1.15}.shift-status-pill{max-width:calc(100% - 18px);min-height:15px;padding:2px 6px;overflow:hidden;font-size:9px;font-weight:800;text-overflow:ellipsis}.shift-status-pill:before{width:9px;height:9px;box-shadow:inset 0 0 0 3px #ffffffe6}.shift-card.published .shift-status-pill.published{background:#e8edf3;color:#58677d}.shift-card.payroll-approved .shift-status-pill.payroll-approved{background:#fffffff0;color:#12834f}.shift-card.open .shift-status-pill.open{background:#fff0ca;color:#8a5a00}.shift-hover-actions{bottom:-12px}.shift-hover-button{width:26px;height:26px;min-height:26px}.shift-action-menu{width:210px;padding:8px;border-radius:7px}.shift-selection{right:5px;bottom:5px;width:15px;height:15px;min-width:15px}.row-selection{width:16px;height:16px;min-width:16px}.conflict-badge.compact{top:5px;right:5px;width:18px;height:18px;min-height:18px!important;background:#fff2d7;color:#9c5300;font-size:11px}.warning-chip.small{max-width:100%;overflow:hidden;padding:1px 5px;font-size:10px;text-overflow:ellipsis}.planner-summary-panel{gap:8px;padding:9px 12px 10px;border-top-color:#dce4ee;background:#fafcff}.summary-header strong{font-size:13px}.summary-header span{color:#718096;font-size:11px}.summary-daily-grid,.summary-metrics-grid{gap:6px}.summary-day,.summary-metric{min-height:48px;padding:7px 8px;border-radius:6px;border-color:#e1e7f0;box-shadow:inset 0 1px #ffffffb3}.summary-day span,.summary-metric span{font-size:10px}.summary-day strong,.summary-metric strong{font-size:13px}.employee-panel{top:54px;gap:12px;max-height:calc(100dvh - 54px);padding:14px;background:#fbfcfe;border-left-color:#dde5ef}.employee-panel h2{margin:0;color:#141f31;font-size:20px;font-weight:800}.employee-panel>p{margin:-6px 0 0;color:#5f6e84;font-size:13px}.employee-panel h3{margin:2px 0 0;color:#253044;font-size:13px;text-transform:uppercase}.panel-stat{padding:10px 12px;border:1px solid #e0e7f0;background:#f2f5f9}.panel-stat span{color:#64748b}.panel-stat strong{color:#182337}.mini-shift{padding:7px 0;font-size:13px}.mini-shift span{color:#5d6c82}.panel-actions button{min-height:34px}.conflict-modal{width:min(760px,calc(100vw - 28px));padding:0;overflow:hidden}.conflict-modal-heading{padding:18px 20px;background:#fffaf2}.conflict-modal .conflict-branch-grid,.conflict-modal>label,.conflict-modal .modal-action-grid,.conflict-modal>.warning-chip{margin-inline:20px}.conflict-modal .modal-action-grid{margin-bottom:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.conflict-modal .modal-action-grid button{flex:initial;justify-content:center}@media(max-width:1280px){.schedule-controls{grid-template-columns:234px minmax(0,1fr)}.rota-board.week{grid-template-columns:210px repeat(7,minmax(80px,1fr))}.rota-layout{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:1180px){.schedule-controls{grid-template-columns:220px minmax(0,1fr)}.rota-layout{grid-template-columns:1fr}.rota-board-stack{border-right:0;overflow-x:auto}.rota-board.week{grid-template-columns:206px repeat(7,112px);width:max-content;min-width:100%;overflow-x:visible}.employee-panel{position:static;max-height:none;border-top:1px solid #dde5ef;border-left:0}}@media(max-width:900px){.schedule-controls{grid-template-columns:1fr;height:auto}.schedule-branch-panel{border-right:0;border-bottom:1px solid #e2e8f0}.schedule-main-toolbar{flex-wrap:wrap}.schedule-left,.schedule-actions{width:100%;flex-wrap:wrap}.date-range{flex:1 1 auto}}@media(max-width:760px){.schedule-controls{background:#fff}.schedule-branch-panel,.schedule-main-toolbar{padding:8px}.mobile-schedule-cards{gap:8px;padding:8px;background:#eef3f8}.mobile-day-card{width:100%;padding:9px;border-radius:7px;box-shadow:0 1px #1421340a}.mobile-shift-card{min-height:50px;padding:8px 9px!important}.mobile-shift-card strong{font-size:15px}.planner-summary-panel,.employee-panel{margin:0}.summary-header{align-items:flex-start;flex-direction:column}.conflict-modal{width:min(100%,calc(100vw - 18px))}.conflict-modal-heading{grid-template-columns:36px minmax(0,1fr);padding:14px}.conflict-icon{width:34px;height:34px}.conflict-modal .conflict-branch-grid,.conflict-modal>label,.conflict-modal .modal-action-grid,.conflict-modal>.warning-chip{margin-inline:14px}.conflict-modal .modal-action-grid{grid-template-columns:1fr;margin-bottom:14px}}@media(max-width:480px){.schedule-left{flex-wrap:wrap}.date-range{flex:1 1 calc(100% - 78px)}.schedule-actions{justify-content:stretch}.toolbar-popover-wrap,.schedule-actions .publish-status-button{flex:1 1 0}.toolbar-popover-wrap>.secondary,.schedule-actions .publish-status-button{width:100%}}@media(max-width:980px){.timesheet-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.timesheet-date-filter{grid-column:1 / -1}.timesheet-table{display:block;width:100%;min-width:0}.timesheet-table thead{display:none}.timesheet-table tbody{display:grid;gap:10px}.timesheet-table tr{display:grid;gap:8px;border:1px solid #e1e7f0;border-radius:8px;padding:12px;background:#fff}.timesheet-table tr.approved{background:#f8fff9}.timesheet-table tr.exception{background:#fffaf4}.timesheet-table tr.changed{background:#eef5ff}.timesheet-table td{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:10px;align-items:center;border-bottom:0;padding:4px 0}.timesheet-table td:before{content:attr(data-label);color:#617088;font-weight:750}.timesheet-table td[data-label=Select],.timesheet-table td[data-label=Status],.timesheet-table td[data-label=Edit]{display:flex;justify-content:space-between}.timesheet-table td[data-label=Select]:before{content:"Select"}.timesheet-table td[data-label=Status]:before{content:"Status"}.timesheet-table td[data-label=Edit]:before{content:"Edit"}.timesheet-time-edit{width:100%}.timesheet-summary-panel,.attendance-clock-panel{grid-template-columns:1fr}.timesheet-edit-summary,.timesheet-approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.timesheet-filters{grid-template-columns:1fr}.timesheet-date-filter{grid-column:span 1}.timesheet-date-control{height:auto;flex-wrap:wrap}.timesheet-date-range{order:-1;flex:1 1 100%;min-height:42px;border:1px solid #b9c5d8;border-radius:6px 6px 0 0}.timesheet-date-control .icon-button{flex:1 1 50%}.timesheet-date-control .icon-button:first-child{border-radius:0 0 0 6px}.timesheet-date-control .icon-button:last-child{border-radius:0 0 6px}.timesheet-table td{grid-template-columns:1fr;gap:5px}.timesheet-summary-panel{padding:12px}.timesheet-branch-totals{display:grid}.attendance-hero,.attendance-actions{grid-template-columns:1fr}.attendance-hero{display:grid}.attendance-clock-panel{padding:12px}.attendance-actions button{min-height:46px;width:100%}.attendance-card-grid,.timesheet-edit-heading,.timesheet-edit-summary,.timesheet-approval-grid{grid-template-columns:1fr}.timesheet-edit-heading{padding:16px}.timesheet-edit-summary,.timesheet-approval-grid{gap:12px}.timesheet-approval-card{margin:14px}.timesheet-edit-total{margin:0 14px 14px}}.nav-list button,.nav-menu-button{padding-inline:10px;font-size:14px}.search-popover label{padding:8px 14px 12px}.search-popover input{width:100%;min-height:36px}.department-picker{width:150px;height:32px;min-height:32px;padding:0 9px;border-color:#ccd6e3;background:#fff;color:#26364d;font-size:13px}.employee-search-field{position:relative;display:flex;align-items:center;width:clamp(150px,16vw,220px);height:32px;gap:6px;padding:0 9px;border:1px solid #ccd6e3;border-radius:4px;background:#fff;color:#65748a}.employee-search-field input{min-height:0;height:28px;padding:0;border:0;background:transparent;color:#26364d;font-size:13px;outline:0}.mobile-schedule-cards{display:none}.rota-layout{grid-template-columns:minmax(0,1fr) minmax(280px,304px);align-items:start;background:#fff}.rota-board-stack{min-width:0;display:grid;background:#fff}.rota-board.week{grid-template-columns:244px repeat(7,minmax(104px,1fr));overflow-x:hidden}.rota-board.month{grid-template-columns:244px repeat(28,minmax(82px,1fr));overflow-x:auto}.employee-head,.employee-cell,.rota-total-head{left:0}.employee-head,.day-head{top:0}.employee-head{padding-inline:12px}.board-tabs,.board-head-links{width:220px}.board-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-cell{min-height:58px;padding:6px 8px}.rota-cell{min-height:58px;padding:3px 5px}.day-head{height:70px;min-height:70px;grid-template-rows:18px 16px 20px;padding-top:9px}.day-head>span:first-child{display:block!important;visibility:visible!important;height:18px;max-width:100%;color:#303b4c!important;font-size:13px!important;font-weight:750;line-height:18px;opacity:1!important;text-align:center}.shift-card{min-height:52px;padding:5px 6px;gap:1px;border-radius:4px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.shift-card:hover{border-color:#88bdf0;box-shadow:0 2px 8px #1332541f}.shift-card.payroll-approved,.shift-card.published{background:#17b86a;border-color:#10985a;color:#fff}.shift-card.draft{background:#fff3dd;border-color:#efc16d;color:#805400}.shift-card.changed{background:#e8f2ff;border-color:#83b7ef;color:#1f4777}.shift-card.conflict{background:#fff2f3;border-color:#df6a78;color:#8f2632}.shift-card.leave-warning{background:#f4efff;border-color:#a888f5;color:#4c3382}.shift-card.open{background:#fff7e8;border-color:#efc66c;color:#744b00}.shift-card.other-branch{background:transparent;border-color:transparent;color:#cf2f68;box-shadow:none}.shift-role{display:block;max-width:calc(100% - 18px);overflow:hidden;color:inherit;font-size:10px;font-weight:650;line-height:1.15;opacity:.78;text-overflow:ellipsis;white-space:nowrap}.shift-status-pill.changed{background:#d8eaff;color:#1d5c9d}.shift-status-pill.conflict{background:#ffdfe4;color:#ac2435}.shift-status-pill.leave-warning{background:#eee6ff;color:#6744af}.conflict-badge.compact{border:0!important;min-height:20px!important;line-height:20px!important}.planner-summary-panel{display:grid;gap:10px;padding:10px 14px 12px;border-top:1px solid #dbe2ec;background:#f8fafc}.summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4e6078}.summary-header div{display:grid;gap:2px}.summary-header strong{color:#182337;font-size:14px}.summary-header span{font-size:12px}.summary-daily-grid,.summary-metrics-grid{display:grid;gap:8px}.summary-daily-grid,.summary-metrics-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.summary-day,.summary-metric{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid #dfe6ef;border-radius:5px;background:#fff}.summary-day span,.summary-metric span{overflow:hidden;color:#6d7b90;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.summary-day strong,.summary-metric strong{color:#253044;font-size:14px}.summary-metric.warn{border-color:#f3b8bd;background:#fff6f7}.summary-metric.warn strong{color:#b62a3a}.employee-panel{position:sticky;top:48px;display:grid;grid-template-columns:1fr;gap:10px;max-height:calc(100dvh - 48px);overflow:auto;border-width:0 0 0 1px;border-radius:0;box-shadow:none}.employee-panel h2{font-size:22px;line-height:1.12}.panel-stat{margin:0;border-radius:6px}.conflict-modal{gap:16px}.conflict-modal-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid #e3e8f0}.conflict-modal-heading h2,.conflict-modal-heading p{margin:0}.conflict-modal-heading p{margin-top:5px;color:#53647c;line-height:1.45}.conflict-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff0e1;color:#b45200}.conflict-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.conflict-branch-grid>div{display:grid;gap:4px;padding:12px;border:1px solid #dde5ef;border-radius:8px;background:#f8fafc}.conflict-branch-grid span,.conflict-branch-grid small{color:#64748b}@media(max-width:1280px){.department-picker,.employee-search-field{display:none}.nav-list button,.nav-menu-button{padding-inline:7px;font-size:13px}}@media(max-width:1180px){.rota-layout{grid-template-columns:1fr}.employee-panel{position:static;max-height:none;border-width:1px 0 0}.rota-board.week{grid-template-columns:220px repeat(7,minmax(112px,1fr))}}@media(max-width:760px){.mobile-schedule-cards{display:grid;gap:10px;padding:10px;background:#eef3f8;max-width:100vw;overflow:hidden}.schedule-left{display:grid!important;grid-template-columns:minmax(70px,.8fr) 54px 30px minmax(86px,1fr) 30px;gap:6px;width:100%}.schedule-left>*{width:100%;flex:initial!important}.schedule-left .period-picker,.schedule-left .today-button,.schedule-left .date-nav-button{min-width:0}.week-picker-wrap{display:grid;grid-template-columns:36px minmax(0,1fr)}.week-number{width:36px;min-width:0;font-size:12px}.date-range{width:100%;min-width:0;padding-inline:4px;font-size:11px}.mobile-day-card{display:grid;gap:8px;padding:10px;border:1px solid #dce4ee;border-radius:8px;background:#fff;width:min(100%,calc(100vw - 44px));max-width:100%;overflow:hidden}.mobile-day-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.mobile-day-card-heading div{display:grid;gap:3px}.mobile-day-card-heading span{color:#65748a;font-size:12px}.empty-mobile-add{width:34px;min-width:34px;height:34px;min-height:34px;padding:0!important;border-radius:999px!important;font-size:0}.empty-mobile-add svg{width:16px;height:16px}.mobile-shift-card{display:grid!important;justify-items:start;gap:3px;width:min(100%,calc(100vw - 64px));min-height:56px;padding:9px 10px!important;border:1px solid #dfe6ee!important;border-radius:6px!important;background:#f2f4f5!important;color:#253044!important;text-align:left;max-width:100%}.mobile-shift-card.payroll-approved,.mobile-shift-card.published{background:#17b86a!important;border-color:#10985a!important;color:#fff!important}.mobile-shift-card.conflict,.mobile-shift-card.leave-warning{background:#fff6f7!important;border-color:#df6a78!important;color:#8f2632!important}.mobile-shift-card span,.mobile-shift-card strong,.mobile-shift-card small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rota-board-stack{display:none}.schedule-actions{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);align-items:stretch}.schedule-actions .schedule-more-button,.schedule-actions .toolbar-popover-wrap>.secondary,.schedule-actions .publish-status-button{width:100%}.schedule-actions .publish-status-button{grid-column:1 / -1}.summary-daily-grid,.summary-metrics-grid,.conflict-branch-grid{grid-template-columns:1fr}}.conflict-badge.compact.labeled{width:auto;min-width:62px;height:20px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:800;line-height:20px;letter-spacing:0;box-shadow:0 4px 10px #c92b4138}.conflict-badge.compact.labeled.block{background:#d43a4f;color:#fff}.settings-card{grid-template-columns:56px minmax(150px,1fr);gap:12px 16px;padding:30px 32px}.settings-card-icon{width:56px;height:56px;font-size:24px}.settings-card h3{font-size:clamp(22px,1.7vw,27px);line-height:1.08;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.settings-card span{overflow-wrap:normal;word-break:keep-all}@media(max-width:980px){.settings-card{grid-template-columns:52px minmax(0,1fr);padding:24px}.settings-card-icon{width:52px;height:52px}.settings-card h3{font-size:24px}}@media(max-width:520px){.settings-card{grid-template-columns:48px minmax(0,1fr);padding:20px}.settings-card-icon{width:48px;height:48px}.settings-card h3{font-size:22px}}.rota-shell{background:#eef2f6;color:#253044}.rota-shell .schedule-kpis,.rota-shell .product-tour{display:none!important}.schedule-controls{position:sticky;top:48px;z-index:32;display:grid;grid-template-columns:360px minmax(0,1fr);gap:0;align-items:stretch;height:auto;min-height:54px;padding:8px 10px;border-bottom:1px solid #dde5ef;background:#fff;box-shadow:0 1px #0f172a0a}.schedule-branch-panel{display:grid;align-content:center;min-width:0;padding:0 12px 0 0;border-right:1px solid #edf1f6}.branch-picker-button{min-height:36px;height:36px;border-radius:4px;font-size:13px;font-weight:650}.schedule-main-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:36px;padding-left:12px}.schedule-left,.schedule-actions{display:flex;align-items:center;min-width:0}.schedule-left{flex:1 1 auto;gap:6px;overflow:visible}.schedule-actions{flex:0 0 auto;justify-content:flex-end;gap:6px}.period-picker,.today-button,.date-nav-button,.week-number,.date-range,.schedule-actions .secondary,.schedule-more-button,.publish-status-button{height:36px;min-height:36px;border-radius:4px!important;font-size:13px;font-weight:700}.period-picker{width:92px}.today-button{min-width:74px}.date-nav-button{width:36px;min-width:36px;padding:0!important;font-size:20px!important}.week-picker-wrap{display:grid;grid-template-columns:54px minmax(124px,190px);min-width:178px}.week-number,.date-range{display:grid;place-items:center;border-radius:0!important;cursor:default}.date-range{cursor:pointer}.department-picker,.employee-search-field{height:36px}.schedule-actions .secondary,.publish-status-button{min-width:112px}.rota-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;align-items:start;background:#fff}.rota-board-stack{min-width:0;overflow:hidden;background:#fff}.rota-board.week{grid-template-columns:360px repeat(7,minmax(108px,1fr))!important;max-height:calc(100dvh - 132px);overflow:auto;background:#fff;border-top:1px solid #edf1f6}.employee-head,.employee-cell,.rota-total-head{position:sticky;left:0;z-index:12;background:#f6f8fb;border-right:1px solid #e1e7f0}.employee-head{z-index:26;display:grid;align-content:start;gap:8px;height:82px;min-height:82px;padding:10px 14px}.board-tabs{width:100%;max-width:330px;height:34px}.board-tabs button{min-height:34px;font-size:12px;font-weight:700}.board-head-links{width:100%;max-width:330px;align-items:center;font-size:13px}.day-head{position:sticky;top:0;z-index:18;height:82px;min-height:82px;padding:10px 8px 8px;grid-template-rows:20px 20px 22px;border-color:#e5ebf3;background:#fff}.day-head.today{color:#1699d8;background:#f8fcff}.day-head-top{display:flex;justify-content:center;gap:8px;color:#9aa8b7}.day-shift-count-button{min-height:22px!important;padding:0!important;color:#303b4c!important;background:transparent!important;border:0!important;font-size:13px!important;font-weight:650!important}.employee-cell,.rota-cell{min-height:88px;border-color:#e3e9f1}.employee-cell{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:10px 14px}.employee-cell .avatar{width:34px;height:34px;font-size:12px}.employee-cell-main{min-width:0;text-align:left}.employee-cell-main strong,.employee-cell-main small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-cell-main strong{color:#33405a;font-size:13px;font-weight:750}.employee-cell-main small{color:#8796aa;font-size:12px}.rota-cell{display:grid;align-content:start;gap:3px;padding:6px;background:#fff;overflow:visible}.rota-cell.is-empty{cursor:pointer}.rota-cell.is-empty:hover,.rota-cell.is-empty:focus-visible{background:#f8fbff;outline:none}.rota-cell.move-target{background-image:linear-gradient(135deg,#2e79ec0d,#2e79ec00)}.rota-cell.move-target:hover,.rota-cell.move-target:focus-visible{outline:2px solid rgba(46,121,236,.45);outline-offset:-2px}.empty-cell-add{top:50%;left:50%;width:30px;height:30px;min-width:30px;min-height:30px;opacity:0;pointer-events:auto;transform:translate(-50%,-50%)}.rota-cell.is-empty:hover .empty-cell-add,.rota-cell.is-empty:focus-within .empty-cell-add,.empty-cell-add:focus-visible{opacity:1}.shift-card{min-height:58px;max-height:78px;padding:7px 8px 6px;gap:1px;border:1px solid #dfe5ec;border-radius:4px;background:#eef1f4;color:#303b4c;box-shadow:none;overflow:visible}.shift-card:hover,.shift-card:focus-within{z-index:8;border-color:#80bdf3;box-shadow:0 4px 13px #23426629}.shift-card.payroll-approved,.shift-card.published{border-color:#10a35f;background:#18b86d;color:#fff}.shift-card.changed{border-color:#9fc4ed;background:#e9f3ff;color:#24486f}.shift-card.draft{border-color:#f0cd8a;background:#fff5df;color:#725006}.shift-card.conflict{border-color:#e1e7ef;background:#f1f3f5;color:#303b4c}.shift-card.leave-warning{border-left:4px solid #9b72f0;background:#eef1f4;color:#303b4c}.shift-card.open,.shift-card.other-branch{min-height:42px;padding:7px 0 0;border-color:transparent;background:transparent;color:#cf2f68;box-shadow:none}.shift-card.open:hover,.shift-card.other-branch:hover{background:#cf2f680a}.shift-branch{max-width:calc(100% - 24px);font-size:11px;font-weight:700;line-height:1.16;letter-spacing:0}.shift-time{max-width:calc(100% - 22px);font-size:clamp(12px,.82vw,15px);font-weight:650;line-height:1.18}.shift-role,.shift-note{max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2}.shift-status-pill{justify-self:start;max-width:calc(100% - 22px);min-height:17px;margin-top:2px;padding:1px 7px;border-radius:999px;font-size:9px;font-weight:800;line-height:15px}.shift-status-pill.published,.shift-status-pill.payroll-approved{background:#ffffffe6;color:#138853}.shift-status-pill.conflict{background:#ffe2e7;color:#bd263d}.conflict-badge.compact.labeled{top:5px;right:5px;min-width:58px;height:18px;min-height:18px!important;padding:0 7px;background:#cf3348;color:#fff;font-size:9px;line-height:18px!important}.shift-selection{right:6px;bottom:6px;width:16px;height:16px;min-width:16px;min-height:16px;opacity:0;pointer-events:auto}.shift-card:hover .shift-selection,.shift-card:focus-within .shift-selection,.shift-card.selected .shift-selection{opacity:1;pointer-events:auto}.row-selection,.day-selection{opacity:0;pointer-events:auto}.employee-cell:hover .row-selection,.employee-cell:focus-within .row-selection,.day-head:hover .day-selection,.day-head:focus-within .day-selection,.row-selection.is-checked,.day-selection.is-checked{opacity:1;pointer-events:auto}.shift-hover-actions{bottom:-15px}.shift-hover-button{width:28px;height:28px;min-height:28px}.shift-action-menu{width:230px;padding:12px}.rota-total-head,.rota-total-cell{position:sticky;bottom:0;z-index:10;min-height:92px;padding:8px 12px;border-top:1px solid #dfe6ef;background:#fffffff5;box-shadow:0 -8px 18px #0f172a0a}.rota-total-head{z-index:20;color:#60708a;font-size:12px;font-weight:800}.rota-total-cell{display:grid;align-content:start;gap:2px;color:#304057;text-align:center}.rota-total-cell strong{font-size:14px}.rota-total-cell span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.planner-summary-panel{display:none!important}.employee-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;padding:0;border:0;background:#0f172a0a}.employee-panel{position:fixed!important;top:72px;right:16px;bottom:16px;z-index:60;width:min(360px,calc(100vw - 32px));max-height:none;padding:18px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;box-shadow:0 24px 60px #17233533;opacity:0;overflow:auto;pointer-events:none;transform:translate(calc(100% + 36px));transition:opacity .16s ease,transform .16s ease}.employee-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.employee-panel-close{position:absolute;top:10px;right:10px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0!important;border:0!important;background:transparent!important;color:#4f5e73!important;font-size:18px}.bulk-shift-bar{position:fixed;left:0;right:0;bottom:0;z-index:72;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;min-height:72px;padding:10px 32px;border-top:1px solid #dfe6ef;background:#fffffff5;box-shadow:0 -16px 38px #151f3124}.bulk-shift-actions{justify-content:center}.bulk-shift-actions button{min-height:38px;border-radius:4px!important}.daily-overview-popover{border-radius:8px;border-color:#dce4ee;box-shadow:0 22px 44px #1b273a2e}.audit-metadata{color:#4d6480}@media(max-width:1360px){.schedule-controls{grid-template-columns:300px minmax(0,1fr)}.department-picker,.employee-search-field{display:none}.rota-board.week{grid-template-columns:320px repeat(7,minmax(96px,1fr))!important}.employee-head{padding-inline:10px}.employee-cell{grid-template-columns:36px minmax(0,1fr) 20px;gap:9px;padding-inline:10px}}@media(max-width:1180px){.schedule-controls{grid-template-columns:260px minmax(0,1fr);gap:0;align-items:start;top:48px}.schedule-branch-panel{padding:0 10px 0 0;border-right:1px solid #edf1f6}.schedule-main-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;padding-left:10px}.schedule-left,.schedule-actions{width:100%;flex-wrap:nowrap}.schedule-left{justify-content:start}.schedule-actions{justify-content:end}.period-picker{width:84px;min-width:84px}.today-button{width:64px;min-width:64px}.date-nav-button{width:32px;min-width:32px}.week-picker-wrap{grid-template-columns:42px minmax(112px,1fr);min-width:154px}.date-range{min-width:112px}.schedule-more-button{width:40px;min-width:40px}.schedule-actions .secondary,.schedule-actions .publish-status-button{min-width:96px}.rota-board.week{grid-template-columns:260px repeat(7,minmax(112px,1fr))!important;overflow-x:auto}}@media(max-width:760px){.schedule-controls{position:static;grid-template-columns:1fr;padding:8px}.schedule-branch-panel{padding:0;border-right:0}.schedule-main-toolbar{padding-left:0}.schedule-main-toolbar{display:grid;gap:8px}.schedule-left{display:grid!important;grid-template-columns:minmax(86px,1fr) 70px 34px minmax(116px,1.4fr) 34px}.schedule-actions{display:grid;grid-template-columns:40px 1fr 1fr}.publish-status-button{grid-column:1 / -1}.employee-panel{top:12px;right:10px;bottom:10px;width:calc(100vw - 20px)}.bulk-shift-bar{grid-template-columns:1fr;gap:8px;padding:10px 12px}.bulk-shift-summary,.bulk-shift-actions,.bulk-shift-hint{justify-content:center}}.schedule-dnd-helper{margin:6px 14px 8px;color:#60708a;font-size:12px;font-weight:650}.rota-board.week{grid-template-columns:300px repeat(7,minmax(104px,1fr))!important;max-height:calc(100dvh - 154px);overflow-x:auto;overflow-y:auto}.employee-head,.day-head{height:74px!important;min-height:74px!important}.day-head{display:grid;grid-template-rows:20px 18px 20px!important;align-content:center;gap:2px;padding:8px 8px 6px!important}.day-head>span:first-child{display:block;color:#303b4c;font-size:13px;font-weight:760;line-height:1.15;text-align:center;white-space:nowrap}.day-head.today>span:first-child,.day-head .today-day-label{color:#1196d2}.day-head-icons{justify-content:center;gap:10px;height:17px;color:#8fa0b2}.day-shift-count-button{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:100%;min-height:20px!important;font-size:12px!important;line-height:18px!important;white-space:nowrap}.day-selection{position:absolute;top:24px;right:8px}.day-head-top,.day-head>small:not(.planday-shift-count){display:none!important}.employee-cell,.rota-cell{min-height:102px!important;height:102px}.employee-cell{grid-template-columns:38px minmax(0,1fr) 22px;padding:10px 12px}.employee-cell.open-shifts-employee,.open-shifts-cell{min-height:92px!important;height:92px}.rota-cell{position:relative;align-content:start;gap:4px;padding:6px;overflow:visible}.rota-cell.drag-over,.rota-cell.move-target:hover,.rota-cell.move-target:focus-visible{outline:2px solid #2e79ec;outline-offset:-2px;background:#eff6ff}.rota-cell.drag-copy-target{outline-color:#14a467;background:#eefcf5}body.is-rota-dragging,body.is-rota-dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}body.is-rota-copy-dragging .rota-cell.drag-over{outline-color:#14a467}.shift-card{display:grid;grid-template-rows:auto auto auto auto;align-content:start;min-height:70px!important;max-height:none!important;padding:8px 8px 7px!important;gap:2px;border-radius:4px;cursor:grab;overflow:visible;touch-action:none}.shift-card:active{cursor:grabbing}.shift-card.dragging{opacity:.48;outline:2px solid rgba(46,121,236,.65);outline-offset:-2px}.shift-branch{max-width:calc(100% - 26px);overflow:hidden;font-size:11px;font-weight:760;line-height:1.12;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.shift-time{max-width:calc(100% - 22px);overflow:visible;font-size:13px;font-weight:720;line-height:1.15;white-space:nowrap}.shift-role,.shift-note{max-width:calc(100% - 22px);color:inherit;opacity:.92;font-size:10px;font-weight:620;line-height:1.2}.shift-status-pill{min-height:16px;margin-top:1px;padding:0 7px;font-size:8.5px;line-height:16px}.shift-card.open{min-height:66px!important;padding:8px 8px 7px!important;border:1px solid #d6c7ff;border-left:3px solid #8d63e8;background:#f6f2ff;color:#513a88}.shift-card.open:hover,.shift-card.open:focus-within{background:#f1ebff;border-color:#a783f1;box-shadow:0 4px 13px #55418c24}.shift-card.open .shift-status-pill.open{background:#ebe2ff;color:#6141a4}.shift-card.other-branch{min-height:48px!important;padding:8px 8px 7px!important;border:1px solid transparent;background:transparent;color:#cf2f68}.shift-card.other-branch .shift-time{font-size:12px}.rota-total-head,.rota-total-cell{position:static!important;bottom:auto!important;min-height:78px!important;height:auto;padding:8px 10px;box-shadow:none!important}.rota-total-head{position:sticky!important;left:0;z-index:12;display:grid;align-content:start;gap:3px;background:#f6f8fb}.rota-total-cell span:nth-of-type(3),.rota-total-cell span:nth-of-type(4),.rota-total-cell span:nth-of-type(5){display:none}@media(max-width:1360px){.rota-board.week{grid-template-columns:280px repeat(7,minmax(98px,1fr))!important}.shift-time{font-size:12px}}@media(max-width:1180px){.rota-board.week{grid-template-columns:248px repeat(7,minmax(104px,1fr))!important}}@media(max-width:760px){.schedule-dnd-helper{display:none}}.employee-app-shell{width:min(1180px,calc(100vw - 28px));margin:0 auto 34px;display:grid;gap:14px}.employee-app-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:14px;align-items:stretch;padding:18px;border:1px solid #d8e2ee;border-radius:8px;background:linear-gradient(135deg,#fff,#f3f9fd);box-shadow:0 10px 28px #1b2b3e14}.employee-app-hero h2{margin:5px 0 7px;color:#162033;font-size:28px;line-height:1.1}.employee-app-hero p{margin:0;max-width:620px;color:#627086;font-size:15px;line-height:1.45}.eyebrow{display:inline-flex;align-items:center;color:#2a6ee8;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.employee-mode-card,.employee-profile-card,.employee-panel-block,.employee-next-card,.employee-stat-card,.employee-form-card,.employee-notification-card,.employee-day-card,.employee-open-shift-placeholder{border:1px solid #d8e2ee;border-radius:8px;background:#fff;box-shadow:0 8px 22px #17273a0f}.employee-mode-card{display:grid;align-content:center;gap:8px;padding:14px}.employee-mode-card label,.employee-form-card label{display:grid;gap:7px;color:#344157;font-size:13px;font-weight:760}.employee-mode-card select,.employee-form-card input,.employee-form-card select,.employee-form-card textarea{width:100%;min-height:44px;border:1px solid #b8c6d8;border-radius:6px;background:#fff;color:#172033;padding:0 12px}.employee-form-card textarea{min-height:86px;padding:11px 12px;resize:vertical}.employee-mode-card small{color:#6c7a8f;line-height:1.35}.employee-mobile-tabs{display:none;grid-template-columns:1fr 1fr;gap:8px}.employee-mobile-tabs button{min-height:46px;border:1px solid #c4d2e4;border-radius:8px;background:#fff;color:#253248;font-weight:780}.employee-mobile-tabs button.active{border-color:#2f73ea;background:#eaf3ff;color:#1854b8}.employee-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.employee-main,.employee-rota-stack{display:grid;gap:14px}.employee-summary-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(145px,1fr));gap:12px}.employee-next-card,.employee-stat-card{min-height:136px;padding:16px;display:grid;align-content:start;gap:8px}.employee-next-card{background:#143059;color:#fff}.employee-next-card span,.employee-stat-card span{color:inherit;opacity:.78;font-size:12px;font-weight:820;text-transform:uppercase}.employee-next-card strong,.employee-stat-card strong{color:inherit;font-size:26px;line-height:1.05}.employee-next-card p,.employee-stat-card p,.employee-next-card small,.employee-stat-card small{margin:0;color:inherit;opacity:.82;font-size:14px;line-height:1.35}.employee-stat-card.warn{border-color:#f3c56b;background:#fff8ea}.employee-quick-actions{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #d8e2ee;border-radius:8px;background:#fff}.employee-quick-actions button,.employee-form-card button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;background:#2f6fea;color:#fff;padding:0 16px;font-weight:800}.employee-quick-actions button.secondary{border:1px solid #c2cfdf;background:#fff;color:#22314a}.employee-form-card,.employee-notification-card,.employee-open-shift-placeholder{padding:16px}.employee-form-card h3,.employee-notification-card h3,.employee-open-shift-placeholder h3,.employee-panel-block h3{margin:0;color:#172033;font-size:17px;line-height:1.2}.employee-form-card p,.employee-open-shift-placeholder p,.employee-panel-block p{margin:6px 0 0;color:#647287;line-height:1.4}.employee-form-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-form-wide{grid-column:1 / -1}.employee-notification-card{display:grid;gap:12px}.employee-notification-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px solid #edf2f7}.employee-notification-row>span{width:9px;height:9px;margin-top:5px;border-radius:999px;background:#20b76a}.employee-notification-row strong{display:block;color:#172033;line-height:1.2}.employee-notification-row p{margin:3px 0 0;color:#617086;line-height:1.35}.employee-side-panel{position:sticky;top:62px;display:grid;gap:12px}.employee-profile-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:14px}.employee-profile-card .avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:999px;background:#1f2937;color:#fff;font-weight:820}.employee-profile-card strong{display:block;color:#172033;font-size:17px;line-height:1.2}.employee-profile-card p{margin:5px 0 0;color:#66758b;line-height:1.35}.employee-panel-block{padding:14px}.employee-warning-list{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none;color:#4e5f76}.employee-warning-list li{padding-left:14px;position:relative;line-height:1.35}.employee-warning-list li:before{content:"";position:absolute;top:7px;left:0;width:6px;height:6px;border-radius:999px;background:#2f73ea}.employee-rota-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #d8e2ee;border-radius:8px;background:#fff}.employee-rota-toolbar h3{margin:4px 0 0;color:#172033;font-size:22px;line-height:1.15}.employee-rota-toolbar .button-row{gap:6px}.employee-rota-toolbar .button-row button{min-height:38px}.employee-rota-meta{display:flex;flex-wrap:wrap;gap:8px}.employee-rota-meta span,.employee-rota-meta strong{min-height:32px;display:inline-flex;align-items:center;border:1px solid #d8e2ee;border-radius:999px;background:#fff;padding:0 12px;color:#3a4b62}.employee-rota-day-list{display:grid;gap:10px}.employee-day-card{padding:12px}.employee-day-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #edf2f7}.employee-day-heading strong{color:#172033;font-size:16px}.employee-day-heading span{color:#6a788c}.employee-shift-card{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:12px;border:1px solid #d3deea;border-left:4px solid #2f73ea;border-radius:7px;background:#f8fbfe}.employee-shift-card.published{border-left-color:#18ad63;background:#f4fff8}.employee-shift-card.open{border-left-color:#d63d72;background:#fff5f8}.employee-shift-card strong{display:block;color:#172033;font-size:17px;line-height:1.2}.employee-shift-card span{color:#596a80}.employee-shift-card p{grid-column:1 / -1;margin:0;color:#4e6076}.employee-shift-status{align-self:start;border-radius:999px;background:#e9f1ff;color:#215abe;padding:4px 8px;font-size:11px;font-weight:820;text-transform:uppercase}.employee-shift-status.published{background:#e6f8ee;color:#087840}.employee-empty-day{margin:10px 0 0;color:#748298}.employee-open-shift-placeholder{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fbfdff}.employee-notice{border-radius:8px}@media(max-width:980px){.employee-app-shell{width:min(100vw - 20px,760px)}.employee-app-hero,.employee-layout,.employee-summary-grid{grid-template-columns:1fr}.employee-side-panel{position:static;order:-1}.employee-mobile-tabs{display:grid}}@media(max-width:520px){.employee-app-shell{width:100%;margin:0 0 24px;padding:0 10px}.employee-app-hero{padding:14px;border-radius:0;border-left:0;border-right:0}.employee-app-hero h2{font-size:24px}.employee-summary-grid{gap:10px}.employee-next-card,.employee-stat-card{min-height:116px;padding:14px}.employee-next-card strong,.employee-stat-card strong{font-size:23px}.employee-quick-actions{display:grid;grid-template-columns:1fr}.employee-quick-actions button,.employee-form-card button{width:100%}.employee-form-grid{grid-template-columns:1fr}.employee-rota-toolbar{display:grid}.employee-rota-toolbar .button-row{display:grid;grid-template-columns:44px 1fr 44px}.employee-shift-card{grid-template-columns:1fr}.employee-open-shift-placeholder{align-items:flex-start;flex-direction:column}}.staff-mobile-header{display:none}.employee-app-shell,.employee-app-shell *{min-width:0}.employee-app-shell{width:min(1240px,calc(100vw - 48px));max-width:100%;overflow-x:clip}.employee-app-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.employee-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.employee-main,.employee-side-panel,.employee-rota-stack,.employee-app-hero,.employee-mode-card,.employee-profile-card,.employee-panel-block,.employee-next-card,.employee-stat-card,.employee-form-card,.employee-notification-card,.employee-day-card,.employee-open-shift-placeholder{max-width:100%}.employee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-next-card,.employee-stat-card{min-height:150px}.employee-form-grid button{justify-self:start;min-width:180px}.employee-form-error{grid-column:1 / -1;margin:-2px 0 0;padding:10px 12px;border:1px solid #f0b8c4;border-radius:7px;background:#fff4f6;color:#a5274d;font-weight:780;line-height:1.35}@media(max-width:980px){.employee-app-shell{width:min(760px,calc(100vw - 24px))}.employee-app-hero,.employee-layout{grid-template-columns:1fr}.employee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-side-panel{order:2}}@media(max-width:760px){.employee-self-service-page,.employee-self-service-page .main-shell{max-width:100vw;overflow-x:hidden}.employee-self-service-page .sidebar{display:block;min-height:62px;padding:8px 10px;overflow:hidden}.employee-self-service-page .sidebar>.brand,.employee-self-service-page .nav-list,.employee-self-service-page .utility-actions{display:none}.employee-self-service-page .staff-mobile-header{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(104px,auto);gap:9px;align-items:center;width:100%;max-width:100%}.staff-mobile-brand{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0;background:transparent;color:#162033;font-weight:840}.staff-mobile-brand .brand-mark{width:34px;height:34px;flex:0 0 auto}.staff-mobile-title{display:grid;gap:2px}.staff-mobile-title span{color:#6b7788;font-size:11px;font-weight:800;text-transform:uppercase}.staff-mobile-title strong{overflow:hidden;color:#172033;font-size:16px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.staff-mobile-header select{width:100%;min-height:40px;border:1px solid #b8c6d8;border-radius:8px;background:#fff;color:#1f2d3d;padding:0 8px;font-weight:780}.employee-self-service-page .topbar{display:none}.employee-self-service-page .main-shell{padding:10px 0 18px}}@media(max-width:520px){.employee-app-shell{width:100%;max-width:100%;margin:0 0 24px;padding:0 10px}.employee-app-hero{grid-template-columns:1fr;gap:10px;padding:14px;border-radius:8px;border-left:1px solid #d8e2ee;border-right:1px solid #d8e2ee}.employee-app-hero p{font-size:14px}.employee-mobile-tabs{grid-template-columns:1fr 1fr;gap:6px}.employee-mobile-tabs button{min-height:44px;padding:0 8px}.employee-layout,.employee-main,.employee-rota-stack,.employee-summary-grid,.employee-form-grid,.employee-notification-card,.employee-side-panel{display:grid;grid-template-columns:1fr;width:100%}.employee-summary-grid{gap:10px}.employee-next-card,.employee-stat-card{min-height:112px;padding:14px}.employee-quick-actions{display:grid;grid-template-columns:1fr;padding:10px}.employee-quick-actions button,.employee-form-card button,.employee-form-grid button{width:100%;min-width:0;min-height:46px}.employee-form-card,.employee-notification-card,.employee-open-shift-placeholder,.employee-panel-block,.employee-profile-card,.employee-day-card{padding:14px}.employee-form-grid{gap:11px}.employee-form-wide,.employee-form-error{grid-column:1}.employee-rota-toolbar{display:grid;grid-template-columns:1fr;gap:10px;padding:14px}.employee-rota-toolbar .button-row{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;width:100%}.employee-rota-toolbar .button-row button{min-width:0}.employee-rota-meta{display:grid;grid-template-columns:1fr}.employee-rota-meta span,.employee-rota-meta strong{width:100%;justify-content:center;border-radius:8px}.employee-day-heading{align-items:flex-start;flex-direction:column}.employee-shift-card{grid-template-columns:1fr;padding:12px}.employee-shift-status{justify-self:start}.employee-open-shift-placeholder{align-items:flex-start;flex-direction:column}.employee-profile-card{grid-template-columns:46px minmax(0,1fr)}.employee-profile-card .avatar{width:46px;height:46px}}@media(max-width:430px){.employee-self-service-page .staff-mobile-header{grid-template-columns:auto minmax(0,1fr)}.staff-mobile-header select{grid-column:1 / -1}}@media(max-width:920px){.payroll-hero,.payroll-action-row{align-items:stretch;flex-direction:column}.payroll-hero-actions,.payroll-action-row>div:last-child{width:100%}.payroll-hero-actions button,.payroll-action-row button{flex:1 1 170px}.payroll-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-filters button{grid-column:1 / -1}.payroll-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.payroll-filters,.payroll-summary-grid,.payroll-branch-totals{grid-template-columns:1fr}.payroll-table{min-width:0}.payroll-preview-panel pre{white-space:pre-wrap;word-break:break-word}}