/* Alloy interface theme. */
:root{color-scheme:dark;--f-bg:#080e18;--f-panel:#101d2d;--f-text:#e6eef8;--f-muted:#a2b3c8;--f-edge:#293c54;--f-cyan:#8ae8e5;--f-lilac:#b0b8ef;--f-green:#a0dfc1;--f-red:#f1acb7;--f-amber:#efd097;--green:#559b99;--green2:#6eafac;--green3:#173338;--ink:var(--f-text);--muted:var(--f-muted);--line:var(--f-edge);--bg:var(--f-bg);--card:var(--f-panel);--good:var(--f-green);--red:var(--f-red);--amber:var(--f-amber);--blue:var(--f-cyan);--shadow:0 12px 36px #02071135}
.future{color:var(--f-text)!important;background:radial-gradient(ellipse at 88% 4%,#31407930,transparent 45%),radial-gradient(ellipse at 14% 65%,#0e555028,transparent 45%),#080e18!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;isolation:isolate}
.future::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#709eab06 1px,transparent 1px),linear-gradient(90deg,#709eab06 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#0008,transparent 85%)}
.future::after{content:'';position:fixed;width:540px;height:540px;right:-330px;top:180px;border:1px solid #8ae8e513;border-radius:50%;box-shadow:0 0 0 45px #8ae8e505,0 0 0 90px #8ae8e503;z-index:-1;pointer-events:none}
.future h1,.future h2,.future h3,.future strong{color:var(--f-text)}
.future h1{letter-spacing:-.045em;font-weight:650;font-size:clamp(28px,3vw,38px);line-height:1.2}
.future p{color:var(--f-muted)}
.future a{color:#b0d9e6}
.future :focus-visible{outline:2px solid var(--f-cyan)!important;outline-offset:4px}
.future button,.future a{touch-action:manipulation}
.future button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.future button:not(:disabled):active{transform:translateY(1px)}
.future input,.future select,.future textarea,.future .field input,.future .field select,.future .field textarea{color:var(--f-text)!important;background:#0b1524!important;border:1px solid #334962!important;border-radius:10px;padding:12px;accent-color:var(--f-cyan)}
.future input[type=checkbox],.future input[type=radio]{padding:0;min-height:0}
.future label,.future .field label{color:#b7c7d8!important;letter-spacing:.02em;font-weight:550}
.future .header,.future #tayuWorkspace .topbar{background:#0c1421e8!important;border-bottom:1px solid #34455b!important;box-shadow:none!important;backdrop-filter:blur(18px);padding:15px 26px;min-height:72px}
.future .wordmark,.future .brand{font-weight:650!important;letter-spacing:-.04em;font-size:22px!important;display:flex;align-items:center;gap:12px;color:#e6f5fb!important}
.future .wordmark small,.future .brand small{font-size:12px!important;letter-spacing:0;color:#a2b3c8}
.future .alloy-mark,.future .brand>img{width:36px;height:36px;filter:drop-shadow(0 0 10px #8ae8e524)}
.future .workspace{padding:30px 32px 60px}
.future .manager-shell,.future #tayuWorkspace .shell{grid-template-columns:218px minmax(0,1fr)}
.future .manager-sidebar,.future #tayuWorkspace .nav{background:#0c1522a8!important;border-right:1px solid #273a50!important;backdrop-filter:blur(14px);padding:24px 14px}
.future .manager-sidebar nav button,.future .manager-sidebar nav a,.future #tayuWorkspace .nav button,.future .future-external{min-height:44px!important;border:1px solid transparent;border-radius:10px;color:#a8bdd0!important;display:flex;align-items:center;gap:12px;font-size:13px!important;font-weight:500!important;text-decoration:none;padding:12px 14px!important;background:transparent!important;margin:3px 0}
.future .manager-sidebar nav button:hover,.future .manager-sidebar nav a:hover,.future #tayuWorkspace .nav button:hover,.future .future-external:hover{color:#eaf7fc!important;background:#19304165!important;border-color:#334d61}
.future .manager-sidebar nav button[aria-pressed=true],.future #tayuWorkspace .nav button.active{color:#c0fcf5!important;background:linear-gradient(100deg,#2e646047,#18353b33)!important;border-color:#477c7b!important;box-shadow:inset 2px 0 #8ae8e5,0 3px 15px #0002!important}
.future .nav-symbol,.future .future-icon{width:19px;height:19px;flex:0 0 19px;color:#90b7c6;display:inline-grid;place-items:center}
.future .future-icon svg{display:block;width:19px;height:19px}
.future .sidebar-caption:empty{display:none}
.future .sidebar-note{display:none}
.future #tayuWorkspace{background:transparent!important;color:var(--f-text)!important;--green:#6cadaa;--green2:#81bfbb;--green3:#15363b;--ink:#e6eef8;--muted:#a2b3c8;--line:#293c54;--bg:#080e18;--card:#101d2d;--good:#a0dfc1;--red:#f1acb7;--amber:#efd097;--blue:#8ae8e5}
.future #tayuWorkspace .content{padding:28px 32px 64px;max-width:1600px;width:100%;margin:0 auto}
.future #tayuWorkspace .page-head{margin-bottom:24px;align-items:center}
.future #tayuWorkspace .page-head h1{font-size:34px!important;font-weight:650;letter-spacing:-.045em}
.future #tayuWorkspace .page-head p{color:var(--f-muted);font-size:13px}
.future #tayuWorkspace .overview-soft{background:none!important;padding:0!important;border:0!important;border-radius:0}
.future .panel,.future .metric,.future .invoice-card,.future .report-card,.future #tayuWorkspace .card,.future #tayuWorkspace .kpi,.future #tayuWorkspace .overview-block,.future #tayuWorkspace .overview-labour,.future #tayuWorkspace .owner-today-strip,.future #tayuWorkspace .ac-overview{background:linear-gradient(135deg,#15263ae8,#0e1929e8)!important;color:var(--f-text)!important;border:1px solid #2e425c!important;border-radius:17px!important;box-shadow:inset 0 1px 0 #aec8e60a,0 12px 32px #02071128!important;backdrop-filter:blur(12px)}
.future .metric,.future #tayuWorkspace .kpi{position:relative;overflow:hidden}
.future .metric:before,.future #tayuWorkspace .kpi:before{content:'';position:absolute;width:32px;height:2px;left:22px;top:0;background:#8ae8e5;box-shadow:0 0 14px #8ae8e54d}
.future .metric strong,.future #tayuWorkspace .kpi .value{font-size:clamp(26px,3vw,39px)!important;letter-spacing:-.045em;font-weight:600!important;font-variant-numeric:tabular-nums;line-height:1.15;color:#eaf7fc!important;margin:12px 0 8px}
.future .metric span,.future #tayuWorkspace .kpi .label{font-size:10px!important;font-weight:550!important;letter-spacing:.12em;color:#a9becf!important}
.future #tayuWorkspace .kpi .sub{font-size:12px;color:#a4b9cd!important;line-height:1.5}
.future #page-dashboard .overview-main{grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin:20px 0!important}
.future #page-dashboard .overview-main .kpi{min-height:150px;padding:24px!important}
.future #page-dashboard .overview-main .kpi:first-child{background:radial-gradient(ellipse at 100% 0,#3d989e26,transparent 66%),linear-gradient(135deg,#17323a,#101f30)!important;border-color:#4b797d!important}
.future #page-dashboard .overview-main .kpi:first-child:after{content:'';position:absolute;right:-28px;top:-35px;width:110px;height:110px;border:1px solid #8ae8e51b;border-radius:50%;box-shadow:0 0 0 20px #8ae8e507;pointer-events:none}
.future #page-dashboard .overview-main .kpi:nth-child(2):before{background:#abb7ef;box-shadow:0 0 14px #abb7ef33}
.future #page-dashboard .overview-main .kpi:nth-child(3):before{background:#afd8c0;box-shadow:none}
.future #page-dashboard .overview-sales-mix{gap:18px;grid-template-columns:1.2fr 1fr}
.future #page-dashboard .overview-block{padding:24px!important}
.future #page-dashboard .overview-sales-mix h2,.future #page-dashboard .overview-heading{font-size:16px!important;font-weight:550;letter-spacing:-.015em;color:#dae7f3!important}
.future #page-dashboard .overview-channel>strong{font-size:34px;letter-spacing:-.04em;font-weight:550!important;color:#edf8fc}
.future #page-dashboard .overview-channel>span{color:#afc5d5}
.future #page-dashboard .overview-channel p{font-size:12px;color:#adc0d2!important}
.future #page-dashboard .overview-channel{border-color:#2d4359}
.future #page-dashboard .overview-sph{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px}
.future #page-dashboard .overview-sph span{display:flex;align-items:center;gap:10px;font-size:11px;background:#122d35;border:1px solid #31545e;border-radius:8px;padding:9px 11px;color:#afd0d6}
.future #page-dashboard .overview-sph b{color:#baf1e8;font-weight:600;font-size:13px}
.future #page-dashboard .overview-compare{font-size:14px!important;margin:20px 0!important;padding-bottom:15px;border-bottom:1px solid #283c52}
.future #page-dashboard .overview-compare:last-of-type{border:0;margin-bottom:0!important}
.future #page-dashboard .overview-change-amount{font-size:19px!important;letter-spacing:-.02em}
.future #page-dashboard .overview-change-percent{font-size:12px!important;margin-top:4px}
.future #page-dashboard .overview-caption{font-size:11px!important;color:#9eb2c7!important;line-height:1.5}
.future #page-dashboard .overview-labour{padding:16px 20px!important}
.future #page-dashboard .overview-labour summary{font-size:14px}
.future #page-dashboard .overview-labour summary>span{font-size:11px}
.future #page-dashboard .owner-today-strip{background:#12253680!important;padding:14px 18px!important;border-radius:12px!important}
.future #page-dashboard .today-label{font-size:13px}
.future #page-dashboard .today-figure strong{font-size:18px;color:#e4f4fb}
.future #page-dashboard .today-update{display:none}
.future #page-dashboard .ac-overview{background:linear-gradient(110deg,#213a4066,#101e2d)!important;padding:18px 22px!important;border-color:#37596a!important}
.future #page-dashboard .ac-overview h2{font-size:16px!important}
.future #page-dashboard .owner-priority-row{border-color:#2e495d;font-size:12px;padding:12px 0}
.future #page-dashboard .review-count{color:#a8bfce;font-weight:400}
.future #tayuWorkspace .btn,.future .primary,.future .manager-action-primary,.future .clock-actions>button:first-child{background:linear-gradient(135deg,#8be0d8,#66bdbc)!important;border:1px solid #9ae7df!important;color:#092a32!important;border-radius:10px;box-shadow:0 3px 16px #6fe0cf16;font-weight:650!important;min-height:42px}
.future #tayuWorkspace .btn:hover,.future .primary:hover{background:linear-gradient(135deg,#a4e9e1,#8ad2ce)!important;box-shadow:0 3px 24px #6fe0cf26}
.future #tayuWorkspace .btn.secondary,.future .outline,.future #tayuWorkspace .topbtn,.future .manager-action{background:#142539!important;color:#c0d5e5!important;border:1px solid #3a516b!important;border-radius:9px;box-shadow:none;min-height:40px}
.future #tayuWorkspace .btn.danger{background:#472330!important;border-color:#7d4a58!important;color:#f6c1c8!important}
.future #tayuWorkspace .section-title,.future .eyebrow{color:#a9d9dd!important;letter-spacing:.13em;font-size:11px}
.future #tayuWorkspace th,.future th{color:#a9bfd4!important;background:#132236!important;border-color:#2b3e54!important;letter-spacing:.07em;font-size:10px;font-weight:550}
.future #tayuWorkspace td,.future td{color:#d1deec;border-color:#263c53!important;font-size:13px;padding-top:13px;padding-bottom:13px}
.future #tayuWorkspace .scroll,.future .scroll{scrollbar-color:#496378 transparent;scrollbar-width:thin}
.future #tayuWorkspace .clickable:hover,.future #tayuWorkspace .overview-daily tr:hover{background:#21425855!important}
.future #tayuWorkspace .card-head{border-color:#2a3f58;background:linear-gradient(100deg,#263b5226,transparent);padding:18px 20px}
.future #tayuWorkspace .card-head h2{font-size:15px;font-weight:550}
.future #tayuWorkspace .overview-bar,.future #tayuWorkspace .bar{background:#223449!important;border-radius:3px}
.future #tayuWorkspace .overview-bar span,.future #tayuWorkspace .bar span,.future .sales-bar{background:linear-gradient(90deg,#548e97,#9ad9d6)!important;box-shadow:0 0 12px #8ae8e512}
.future #tayuWorkspace .delta.up{color:#a0dfc1!important}.future #tayuWorkspace .delta.down{color:#f1acb7!important}
.future #tayuWorkspace .pill,.future .badge,.future #tayuWorkspace .today-status{background:#253b50;color:#c5dded;border:1px solid #3b5269;font-weight:550}
.future #tayuWorkspace .pill.complete,.future .badge.good{background:#173c34;color:#b4e5ce;border-color:#3a6856}
.future #tayuWorkspace .notice{background:#152b3e!important;border-color:#355772!important;color:#c5ddec!important}
.future #tayuWorkspace .warning{background:#362d20!important;color:#efd5a9!important;border-color:#6b5637!important}
.future #tayuWorkspace .dangerbox{background:#402532!important;color:#f5c0ca!important;border-color:#734353!important}
.future #tayuWorkspace .modal-card,.future dialog{background:linear-gradient(135deg,#182b41,#0f1b2b)!important;border:1px solid #50637b!important;color:var(--f-text)!important;box-shadow:0 30px 100px #0008;border-radius:18px!important}
.future #tayuWorkspace .modal{background:#030a15b0;backdrop-filter:blur(8px)}
.future dialog::backdrop{background:#030a15a8;backdrop-filter:blur(8px)}
.future #tayuWorkspace .modal-card .head,.future .invoice-dialog-head{border-color:#344a60}
.future #tayuWorkspace .x{color:#c4d8e8}
.future .manager-form,.future .invoice-preview-box{border-color:#344d62}
.future .manager-shell .workspace{padding:30px 32px 60px}
.future .manager-shell .lead{font-size:13px;color:#a0b5c8;margin-bottom:24px}
.future .section-heading h2{font-size:16px;font-weight:550}
.future .quick-actions{gap:16px}
.future .action-card{background:linear-gradient(135deg,#162a3d,#0d1a2c)!important;color:#e3f1fa!important;border:1px solid #334e66!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #c0d9eb0a;min-height:175px!important;padding:22px!important;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.future .action-card:after{content:'';position:absolute;right:-25px;bottom:-40px;width:105px;height:105px;border:1px solid #90c6d515;border-radius:50%;pointer-events:none}
.future .action-card:hover{transform:translateY(-3px);border-color:#7ea6b4!important;box-shadow:0 12px 30px #02101d66,0 0 0 1px #70cbcb15}
.future .action-card strong{font-size:18px;font-weight:550}
.future .action-card>span:not(.action-icon):not(.action-arrow){font-size:12px;color:#a6c0d0}
.future .action-icon,.future .report-card-icon{background:linear-gradient(135deg,#24545966,#1c314a)!important;color:#b0ebe7!important;border:1px solid #3e6578;border-radius:12px!important;box-shadow:0 0 20px #67bfb808;width:43px;height:43px}
.future .action-arrow{color:#92d7d3!important}
.future .action-card:has(strong):last-child{border-color:#4b777a!important}
.future .panel-heading h2,.future .clock-section-heading h2{font-weight:550;color:#d9e8f3;font-size:17px}
.future .panel-heading>span{font-size:11px;color:#a6b9ca}
.future .check{color:#c8dae7;border-color:#30475b;padding:14px 0;font-size:13px}
.future .alert{background:#172d40;border-left-color:#98d8d5;border-radius:8px}
.future #personal-hours-panel{padding:15px 20px;background:#122a3677!important;box-shadow:none!important;border-radius:12px!important}
.future .my-hours-summary strong{font-size:23px;color:#b4eeeb;font-weight:550}
.future .my-hours-summary{font-size:12px}
.future #personal-hours-note:empty{display:none}
.future .report-card{min-height:150px!important;gap:10px;padding:22px!important}
.future .report-card[aria-pressed=true]{border-color:#88c8c6!important;background:#183640!important}
.future .report-card-description{display:none}
.future #records-view>p.lead{display:none}
.future .brand small{display:none}
.future .action-card:last-child{background:radial-gradient(ellipse at 100% 0,#6fdfd024,transparent 65%),linear-gradient(135deg,#214146,#112436)!important;border-color:#6ea19e!important;box-shadow:inset 0 1px 0 #b5efe91a,0 0 26px #6be1d009!important}
.future .action-card:last-child .action-icon{background:#8bdcd2!important;color:#113339!important;border-color:#abe8dc}
.future .report-card-open{font-size:12px;color:#b3e4df}
.future .manager-report-group{background:#11243a!important;border-color:#38536c!important;border-radius:14px}
.future .invoice-upload-zone,.future #tayuWorkspace .upload-zone{background:#112a3b!important;border-color:#4b7a89!important;color:#bfd4e4}
.future .invoice-upload-zone h3,.future #tayuWorkspace .upload-zone h3{color:#e0f0f9}
.future #tayuWorkspace .preview-box{background:#0e1826!important;border-color:#30495f}
.future .cashup-summary{background:#17373c!important;border-color:#416c71!important}
.future .cashup-form fieldset,.future .manager-form fieldset{border:1px solid #395166;border-radius:12px}
.future #message:not(:empty){background:#34272d;color:#f3c5c7;border:1px solid #594551}
.future #message.good{background:#183c34;color:#b4e5ce;border-color:#3a6856}
.future .clock-hours-preview{color:#b7e7de;font-weight:550}
.future .clock-entry{border-color:#334d64}
.future .clock-time{font-variant-numeric:tabular-nums}
.future .clock-footer{font-size:11px;color:#9eafc0}
.future[data-page=rota] .rota-grid th:first-child{background:#17283b!important}
.future[data-page=rota] .rota-grid .shift-time{background:#1b3842!important;border-color:#406876!important;color:#d6eaf0;min-height:38px}
.future[data-page=rota] .rota-grid .my-rota-row>td{background:#173c435c!important;border-color:#6aadae!important}
.future[data-page=rota] .rota-grid .my-rota-row>th{background:#1c444b!important;border-color:#82cccc!important}
.future[data-page=rota] .rota-grid .my-rota-row .shift-time{background:linear-gradient(135deg,#30656a,#1d3e52)!important;border-color:#a1dddd!important;outline:1px solid #86c7ca;box-shadow:0 0 18px #62b5b515}
.future[data-page=rota] .rota-grid .cancelled-time,.future[data-page=rota] .rota-grid .absent-time,.future[data-page=rota] .rota-grid .kitchen-off{background:#442632!important;border-color:#a7687d!important;color:#f3cbd4}
.future[data-page=rota] .rota-grid .draft-time{background:#292d42!important;border-color:#858bb1!important;border-style:dashed}
.future[data-page=rota] .rota-grid .confirmed-time{background:#224539!important;border-color:#6b9d83!important}
.future[data-page=login] .alloy-login{grid-template-columns:minmax(0,620px) minmax(0,440px);gap:60px;padding:44px;min-height:100svh}
.future[data-page=login] .auth-card{background:linear-gradient(135deg,#15273aed,#0d1a2bea)!important;border:1px solid #43617b!important;border-radius:24px!important;padding:35px!important;box-shadow:0 30px 100px #0004,inset 0 1px 0 #a5d4eb1a}
.future[data-page=login] .auth-card .eyebrow:empty{display:none}
.future[data-page=login] .auth-card h1{margin:28px 0 12px;font-size:35px;font-weight:550}
.future[data-page=login] .alloy-welcome-art img{width:120%;filter:saturate(.8);opacity:.92}
.future[data-page=login] .auth-card label{font-weight:500;font-size:12px}
.future[data-page=login] .auth-card .primary{min-height:46px}
.future[data-page=login] .remember-device{font-size:13px!important;line-height:1.5}
.future[data-page=login] .remember-help{font-size:11px;color:#a7bacb}
.future[data-page=login] .muted-footer{border-top:1px solid #2d435a;padding-top:16px}
.future[data-page=login] .muted-footer>span{display:none}
.future #tayuWorkspace .page.active{animation:future-reveal .25s ease-out}
@keyframes future-reveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Navigation and responsive layout. */
.future #tayuWorkspace .brand:before{display:none!important}
@media(max-width:760px){.future #tayuWorkspace .nav>button,.future #tayuWorkspace .future-external{width:108px!important;max-width:108px!important;min-width:108px!important}.future #tayuWorkspace .nav .owner-subnav.open{min-width:140px;flex-shrink:0}}
@media(min-width:761px){.future #tayuWorkspace .nav{top:72px;height:calc(100vh - 72px)}.future #tayuWorkspace .topbar{top:0}.future .manager-sidebar{height:calc(100vh - 72px)}}
@media(max-width:1100px){.future .manager-shell,.future #tayuWorkspace .shell{grid-template-columns:190px minmax(0,1fr)}.future .manager-shell .workspace,.future #tayuWorkspace .content{padding:24px}.future #page-dashboard .overview-main{grid-template-columns:repeat(3,minmax(0,1fr))}.future #page-dashboard .overview-main .kpi{padding:18px!important}.future .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.future #page-dashboard .overview-sales-mix{grid-template-columns:1fr}.future .metric strong,.future #tayuWorkspace .kpi .value{font-size:29px!important}}
@media(max-width:760px){.future::after{display:none}.future .header,.future #tayuWorkspace .topbar{padding:14px 16px;gap:10px;height:auto!important}.future .header{flex-wrap:wrap}.future .header nav{gap:6px}.future .header nav a,.future .header .outline{font-size:11px;padding:8px!important;min-height:36px}.future .wordmark,.future .brand{font-size:19px!important}.future .alloy-mark,.future .brand>img{width:30px;height:30px}.future .manager-shell,.future #tayuWorkspace .shell{display:block}.future .manager-sidebar{padding:10px 12px!important;border-bottom:1px solid #33485d!important;position:relative}.future .manager-sidebar nav{display:flex;gap:6px}.future .manager-sidebar nav button,.future .manager-sidebar nav a{white-space:nowrap;width:auto;padding:9px 12px!important;font-size:12px!important;min-height:42px!important}.future #tayuWorkspace .nav{position:fixed;bottom:0;top:auto;height:auto;display:flex;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#0d1b2af2!important;z-index:35;gap:4px;border-top:1px solid #4a6477!important}.future #tayuWorkspace .nav button,.future #tayuWorkspace .future-external{flex-shrink:0;min-width:94px;flex-direction:column;gap:5px;text-align:center;padding:8px 9px!important;font-size:10px!important;min-height:54px!important;margin:0}.future #tayuWorkspace .nav .future-icon{width:17px;height:17px}.future .manager-shell .workspace,.future .workspace{padding:24px 16px 40px}.future #tayuWorkspace .content{padding:24px 16px 115px}.future #tayuWorkspace .page-head{margin-bottom:18px;align-items:flex-start}.future #tayuWorkspace .page-head h1,.future h1{font-size:28px!important}.future #tayuWorkspace .page-head p{font-size:12px}.future #page-dashboard .overview-main{grid-template-columns:1fr 1fr;gap:12px!important}.future #page-dashboard .overview-main .kpi:first-child{grid-column:1/-1;min-height:140px}.future #page-dashboard .overview-main .kpi{min-height:130px;padding:20px!important}.future #page-dashboard .overview-main .kpi:first-child .value{font-size:42px!important}.future #page-dashboard .overview-main .kpi .value{font-size:29px!important}.future #page-dashboard .overview-sales-mix{grid-template-columns:1fr;gap:14px}.future #page-dashboard .overview-block{padding:20px!important}.future #page-dashboard .overview-channel>strong{font-size:30px}.future #page-dashboard .overview-sph{display:grid;grid-template-columns:1fr;gap:7px}.future #page-dashboard .overview-sph span{justify-content:space-between;font-size:12px}.future #page-dashboard .ac-overview{padding:18px!important}.future #page-dashboard .owner-priority-row{font-size:12px;align-items:flex-start}.future #page-dashboard .owner-priority-row button{font-size:11px}.future .quick-actions{grid-template-columns:1fr 1fr;gap:12px}.future .action-card{min-height:145px!important;padding:18px!important}.future .action-card strong{font-size:15px}.future .action-card>span:not(.action-icon):not(.action-arrow){font-size:11px}.future .action-icon{width:37px;height:37px;font-size:19px}.future .manager-shell .metrics{gap:12px}.future input,.future select,.future textarea{font-size:16px!important}.future[data-page=login] .alloy-login{display:grid;grid-template-columns:1fr;padding:30px 16px}.future[data-page=login] .alloy-welcome-art{display:none}.future[data-page=login] .auth-card{width:min(440px,100%);padding:28px!important}.future .future-external .future-icon{display:block}.future .panel{padding:20px}.future .report-card{min-height:110px!important}.future #tayuWorkspace .week-select{gap:6px;display:flex}.future #tayuWorkspace .week-select select{min-width:0!important;max-width:100%;flex:1;width:100%}.future #tayuWorkspace .owner-subnav{flex:0 0 auto}.future .header nav span{display:none}}
@media(max-width:380px){.future #tayuWorkspace .content,.future .workspace,.future .manager-shell .workspace{padding-left:12px;padding-right:12px}.future #page-dashboard .overview-main .kpi{padding:16px!important}.future .quick-actions{gap:9px}.future .action-card{padding:14px!important}.future #page-dashboard .overview-main .kpi .value{font-size:25px!important}}
@media(max-width:760px){.future .metric strong{font-size:21px!important;letter-spacing:-.04em}.future .metric{padding:16px!important}.future .metric span{font-size:9px!important}.future #personal-hours-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.future *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.future .action-card:hover{transform:none}}
@media print{.preview-tools{display:none!important}.future{background:white!important;color:#182536!important}.future::before,.future::after{display:none}}

/* One consistent manager menu, a single closing action, compact shortcuts. */
.future.manager-clean .manager-sidebar nav{gap:5px}
.future.manager-clean #manager-actions{display:contents}
.future #rota-update-summary.rota-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px!important;margin:0 0 18px}
.future #rota-update-summary.rota-summary a.outline{margin:0;min-height:36px;padding:8px 12px!important;font-size:12px;white-space:normal}
.future.manager-clean .manager-sidebar nav .clean-nav-item{border:1px solid transparent!important;margin:0;width:100%;min-height:48px!important;padding:12px 14px!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important}
.future.manager-clean .manager-sidebar nav .clean-nav-item[aria-pressed=true]{border-color:#477c7b!important;box-shadow:inset 2px 0 #8ae8e5!important}
.future.manager-clean .manager-sidebar nav .clean-nav-item:hover{border-color:#334d61!important}
.future.manager-clean .manager-sidebar .future-icon{width:19px;height:19px;flex:0 0 19px}
.future.manager-clean .manager-sidebar .future-icon svg{width:100%;height:100%}
.future.manager-clean .manager-account{color:#c5d8e5;background:#152336;border:1px solid #3a5065;padding:10px 13px;border-radius:9px;font-size:12px;min-height:40px}
.future.manager-clean .manager-account[aria-pressed=true]{border-color:#83c8bf;color:#b7f0e7}
.future.manager-clean .manager-day-action{margin:0 0 18px}
.future.manager-clean .manager-day-action .end-day-primary{display:grid;grid-template-columns:48px 1fr auto;column-gap:18px;row-gap:5px;text-align:left;width:100%;min-height:104px!important;padding:23px 26px!important;border-radius:16px!important;background:radial-gradient(ellipse at 100% 0,#6fdfd026,transparent 70%),linear-gradient(110deg,#214447,#142b3a)!important;border-color:#74a8a2!important}
.future.manager-clean .end-day-primary .action-icon{grid-row:1/3;margin:0;width:46px;height:46px}
.future.manager-clean .end-day-primary strong{grid-column:2;font-size:22px;font-weight:600}
.future.manager-clean .end-day-primary>span:not(.action-icon):not(.action-arrow){grid-column:2;color:#b7d5d5;font-size:12px}
.future.manager-clean .end-day-primary .action-arrow{position:static;grid-column:3;grid-row:1/3;align-self:center;font-size:28px}
.future.manager-clean #overview-view>.section-heading{display:none}
.future.manager-clean .quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.future.manager-clean .quick-actions .compact-shortcut{display:flex;align-items:center;gap:12px;min-height:65px!important;padding:14px 18px!important;border-radius:12px!important;background:#142336!important;border-color:#30475e!important;box-shadow:none!important}
.future.manager-clean .compact-shortcut:after{display:none}
.future.manager-clean .compact-shortcut .action-icon{background:transparent!important;border:0!important;color:#a9c7d6!important;width:25px;height:25px;margin:0;font-size:19px;flex-shrink:0}
.future.manager-clean .compact-shortcut strong{font-size:14px}
@media(max-width:1100px){.future.manager-clean .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.future.manager-clean .manager-sidebar nav .clean-nav-item{width:auto;flex-shrink:0;font-size:12px!important;min-height:44px!important;padding:10px 12px!important;gap:8px}.future.manager-clean .manager-sidebar .future-icon{width:16px;height:16px;flex-basis:16px}.future.manager-clean .manager-sidebar{height:auto}.future.manager-clean .manager-day-action .end-day-primary{padding:20px!important;column-gap:12px}.future.manager-clean .end-day-primary strong{font-size:21px}.future.manager-clean .quick-actions .compact-shortcut{padding:12px!important;min-height:56px!important;gap:9px}.future.manager-clean .compact-shortcut strong{font-size:12px}.future.manager-clean .manager-account{font-size:11px;padding:8px;min-height:36px}}
.future.manager-clean .quick-actions .compact-shortcut{flex-direction:row;justify-content:flex-start;text-align:left}
.future.manager-clean .end-day-primary>span:not(.action-icon):not(.action-arrow){max-width:none;width:auto}

/* The rota opens on shifts; secondary tasks have their own place. */
.future .workspace-home-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;border-radius:9px;flex-shrink:0}
.future .workspace-home-link:hover .alloy-mark,.future .workspace-home-link:hover .brand>img{filter:drop-shadow(0 0 12px #8ae8e56b)}
.future .workspace-back{display:inline-flex;align-items:center;text-decoration:none;padding:10px 14px;font-size:12px}
.future .header nav>[hidden]{display:none!important}
.future.rota-clean .workspace{max-width:1480px;padding-top:28px}
.future.rota-clean #title{margin:0 0 18px}
.future.rota-clean #intro:empty{display:none}
.future.rota-clean .rota-controls{display:grid;grid-template-columns:190px 190px minmax(0,1fr);gap:18px;align-items:end;padding:18px 22px!important;margin:0 0 20px}
.future.rota-clean .rota-controls label{margin:0;font-size:11px}
.future.rota-clean .rota-controls input,.future.rota-clean .rota-controls select{min-height:43px;padding:10px;font-size:13px;width:100%}
.future.rota-clean .rota-date-range{margin:0 0 12px;text-align:right;font-size:13px;color:#bdd2df}
.future.rota-clean .rota-view-tabs{display:flex;gap:8px;border-bottom:1px solid #2b4359;padding:0 0 12px;margin-bottom:18px;overflow:auto}
.future.rota-clean .rota-view-tabs button{background:transparent;border:1px solid transparent;border-radius:9px;color:#a5bdcf;padding:11px 20px;min-height:43px;font-size:13px;font-weight:500;white-space:nowrap}
.future.rota-clean .rota-view-tabs button[aria-selected=true]{background:#19393e;border-color:#56878a;color:#c7f4ef;box-shadow:inset 0 -2px #8bd8d0}
.future.rota-clean .rota-view-tabs button:hover{background:#1b3045;color:#e0f1f6}
.future.rota-clean .rota-view-panel{min-width:0}
.future.rota-clean .rota-view-panel>.panel{padding:22px!important;margin:0 0 18px}
.future.rota-clean .rota-heading{margin-bottom:18px}
.future.rota-clean .rota-heading h2,.future.rota-clean #holiday-title,.future.rota-clean #shift-updates-panel h2{font-size:17px;font-weight:550}
.future.rota-clean .rota-grid{min-width:850px}
.future.rota-clean .rota-grid th,.future.rota-clean .rota-grid td{padding:16px 10px!important;vertical-align:middle}
.future.rota-clean .rota-grid th:first-child{width:170px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:550}
.future.rota-clean .rota-grid thead th{font-size:11px;font-weight:550;letter-spacing:.03em}
.future.rota-clean .rota-grid .shift-time{font-size:13px;min-height:42px;padding:10px 4px}
.future.rota-clean .rota-grid .my-rota-badge{font-size:9px;font-weight:550;background:#32616a;color:#d8f7f2;padding:4px 7px}
.future.rota-clean .rota-grid small{font-size:10px;margin-top:5px;color:#a6bdce}
.future.rota-clean .rota-legend{display:flex;gap:18px;margin:16px 0 0;font-size:11px}
.future.rota-clean .rota-legend span{display:flex;align-items:center;gap:7px}
.future.rota-clean .rota-legend span:before{content:'';width:9px;height:9px;background:#72b699;border:1px solid #72b699;border-radius:3px}
.future.rota-clean .rota-legend .draft:before{background:transparent;border-style:dashed;border-color:#a3add5}
.future.rota-clean .rota-legend .absent:before{background:#bf8391;border-color:#bf8391}
.future.rota-clean .rota-more-options{font-size:11px;margin-top:20px;border-top:1px solid #2d4358;padding-top:13px;color:#a2b7c8}
.future.rota-clean .rota-more-options summary,.future.rota-clean .rota-hours-history>summary,.future.rota-clean .rota-leave-request>summary{cursor:pointer}
.future.rota-clean .rota-hours-history{border:1px solid #2e475e;border-radius:12px;background:#101d2c;margin:0 0 18px;padding:16px 20px;color:#b4cfda;font-size:13px}
.future.rota-clean .rota-hours-history #hours-panel{border:0!important;background:none!important;box-shadow:none!important;padding:20px 0 0!important;margin:0}
.future.rota-clean .rota-hours-history #hours-panel h2{display:none}
.future.rota-clean .rota-leave-request{border:1px solid #395268;border-radius:10px;padding:15px;margin:20px 0;color:#c0d9e3;font-size:13px}
.future.rota-clean .rota-leave-request form{margin-top:20px;max-width:660px}
.future.rota-clean #publish-box{border-top:1px solid #3c5366;padding-top:18px;margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:10px}
.future.rota-clean #publish-box h2{display:none}
.future.rota-clean #publish-help{margin:8px 0;font-size:12px;align-self:center}
.future.rota-clean #publish{grid-column:2;grid-row:1;background:linear-gradient(135deg,#8be0d8,#66bdbc);color:#092a32;border:1px solid #9ae7df;border-radius:9px;min-height:42px}
.future.rota-clean #message:empty{display:none}
@media(max-width:760px){.future.rota-clean .workspace{padding:23px 16px 45px}.future.rota-clean .rota-controls{grid-template-columns:1fr 1fr;gap:12px;padding:16px!important}.future.rota-clean .rota-date-range{grid-column:1/-1;text-align:left;font-size:11px;margin:2px 0 0}.future.rota-clean .rota-view-tabs{gap:4px}.future.rota-clean .rota-view-tabs button{padding:10px 12px;font-size:12px}.future.rota-clean .rota-view-panel>.panel{padding:16px!important}.future.rota-clean .rota-grid th:first-child{width:140px}.future.rota-clean .rota-grid th,.future.rota-clean .rota-grid td{padding:12px 7px!important}.future.rota-clean #publish-box{grid-template-columns:1fr}.future.rota-clean #publish{grid-column:1;grid-row:2}.future.rota-clean .rota-hours-history{padding:15px 16px}}
.future.rota-clean .rota-heading h2{white-space:nowrap}
.future.rota-clean #open-add-shift{width:auto;min-width:124px;flex:0 0 auto;padding:11px 20px;font-size:13px}
@media(max-width:480px){.future.rota-clean #open-add-shift{min-width:100px;padding:10px 14px}.future.rota-clean .rota-heading h2{font-size:15px}}

/* Spend per head details. */
.future #page-dashboard .overview-sph .sph-button{display:flex;align-items:center;justify-content:space-between;gap:14px;font:inherit;font-size:11px;background:#122d35;border:1px solid #31545e;border-radius:8px;padding:9px 11px;color:#afd0d6;cursor:pointer;min-height:44px;box-shadow:none}
.future #page-dashboard .overview-sph .sph-button:hover{background:#1b3d45;border-color:#6aa79f}
.future #page-dashboard .overview-sph .sph-button:focus-visible{outline:2px solid #baf1e8;outline-offset:3px}
.future .sph-breakdown{width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;overflow:auto}
.future .sph-breakdown::backdrop{background:#030a15b0;backdrop-filter:blur(6px)}
.sph-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.sph-dialog-head h2{margin:0;font-size:23px}.sph-dialog-head button{min-height:44px}.sph-period{color:#a8bdcc;margin:8px 0 20px}
.sph-formula{background:#122d35;border:1px solid #31545e;border-radius:12px;padding:18px}.sph-formula strong{font-size:36px;color:#baf1e8}.sph-formula p{margin:8px 0 0;color:#bbced9}
.sph-table-scroll{overflow-x:auto}.sph-breakdown table{width:100%;border-collapse:collapse;font-size:13px}.sph-breakdown th,.sph-breakdown td{padding:13px 10px;border-bottom:1px solid #344a60;text-align:right;white-space:nowrap}.sph-breakdown th:first-child,.sph-breakdown td:first-child{text-align:left}.sph-breakdown th{color:#a8bdcc}.sph-breakdown .sph-total{background:#122d35;font-weight:600}
@media(max-width:760px){.future #page-dashboard .overview-sph .sph-button{font-size:12px;width:100%}.future .sph-breakdown{padding:18px}.sph-breakdown th,.sph-breakdown td{padding:12px 7px;font-size:12px}}

.future .manager-sph-button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;text-align:left;background:transparent!important;border:1px solid #31545e;border-radius:10px;padding:12px;color:inherit;cursor:pointer;box-shadow:none;min-height:88px}
.future .manager-sph-button:hover{border-color:#6aa79f;background:#122d35!important}.future .manager-sph-button:focus-visible{outline:2px solid #baf1e8;outline-offset:3px}.future .manager-sph-button span{font-size:13px;color:#afd0d6}.future .manager-sph-button strong{color:#baf1e8;font-size:27px}

.closing-hours-list{display:grid;gap:10px;margin:18px 0}.closing-hours-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line,#30495a);border-radius:12px;background:rgba(16,32,47,.35)}.closing-hours-row strong,.closing-hours-row small{display:block}.closing-hours-row small{margin-top:5px;color:var(--muted,#a9bfcc)}.closing-hours-row>span{color:var(--accent,#9cd7cf)}
@media(max-width:600px){.closing-hours-row{align-items:flex-start;flex-wrap:wrap}.closing-hours-row button,.closing-hours-row a{min-height:44px}}

#ownerRefreshMessage{margin:0 0 16px;color:#a5d9cf}#ownerRefreshMessage.refresh-error{color:#efb0b5}.today-working-button{background:transparent;color:inherit;font:inherit;text-align:left;border:1px solid transparent;border-radius:10px;cursor:pointer;padding:9px 12px}.today-working-button:hover{background:rgba(134,209,206,.08);border-color:#46626b}.today-working-button:focus-visible{outline:2px solid #9cd7cf;outline-offset:3px}.working-now-list{display:grid;gap:12px;margin:22px 0}.working-now-person{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border:1px solid #344e60;border-radius:12px}.working-now-person strong,.working-now-person small{display:block}.working-now-person small{margin-top:7px;color:#adc0cb}.working-now-person>span{color:#a3d8ce;white-space:nowrap}.working-now-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.working-now-footer p{color:#adc0cb}@media(max-width:600px){.working-now-person{align-items:flex-start;flex-wrap:wrap}.today-working-button{min-height:44px}}
