:root{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f3f6fb;color:#182e4b}body{background:#f3f6fb}.sidebar{background:#fff;border-right:1px solid #e7edf5;color:#71829a;padding:30px 22px}.sidebar-logo .brand-wordmark{color:#183554;font-size:23px}.sidebar-logo .brand-symbol{color:#19365e}.sidebar button{color:#78889f;border-radius:12px}.sidebar button.active{color:#2765e9;background:#edf3ff}.sidebar-note{background:#f6f8fc;color:#7f91aa}.sidebar-note b{color:#263f62}.sidebar small{color:#9caabd}header{background:transparent;border:0;height:auto;min-height:110px;padding:28px 38px;gap:12px}.brand .brand-wordmark{font-size:23px}.brand-symbol{width:34px;height:34px}#account-greeting{background:none;color:#617590;padding:0;letter-spacing:0;font-size:13px}.language-picker select{background:#fff;border:1px solid #e0e8f3;border-radius:12px;padding:10px;font-size:14px}.intro{margin-bottom:24px}.intro h1{font-size:27px;letter-spacing:-.7px}.intro p{font-size:13px;color:#8493a7}.intro .eyebrow{display:none}main{max-width:1400px;padding:12px 38px 30px}.panel,.card{border:1px solid #e5ebf4;border-radius:20px;background:#fff;box-shadow:0 4px 20px #24457403}.cards{gap:14px;margin:22px 0}.card{border-top:1px solid #e5ebf4!important;padding:20px 22px}.card span{font-size:11px;color:#8494ab}.card strong{font-size:29px;color:#223b5b;letter-spacing:-.8px}.card #overtime-month{font-size:11px!important}.toolbar{gap:9px}button,a.primary{border-radius:11px}button.primary,a.primary{background:#2765e9;border-color:#2765e9;color:white}.dashboard-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 305px!important;gap:20px;align-items:start}.calendar-panel{margin-top:0!important;padding:24px}.calendar-toolbar{margin-bottom:18px}.calendar-toolbar h2{font-size:19px}.legend{font-size:10px;gap:12px}.day{border-color:#edf1f7;border-radius:11px;min-height:82px}.day:hover{background:#f3f7ff}.weekday{font-size:10px;color:#94a3b8}.week-number{color:#abb7c9}.shift-chip{border-radius:6px}.finance{background:linear-gradient(135deg,#18385d,#2555a4)!important;color:#fff!important;padding:23px!important;border:0!important}.finance h2{color:#b6ccef!important}.finance #earnings{font-size:12px!important;line-height:1.65;color:#d0dff4!important;font-weight:400!important}.finance .small{font-size:11px;color:#b5c9e7}.finance input{background:#ffffff17;color:white;border-color:#ffffff30}.finance summary,.finance th,.finance td{color:#e6efff}.finance table{font-size:11px}.finance-big{font-size:31px;color:white;font-weight:780;letter-spacing:-1px;margin:12px 0}.calendar-summary-row>.panel{border-radius:17px;padding:17px!important}.calendar-summary-row h2{font-size:14px}.table-panel{border-radius:20px}.table-panel h2{font-size:17px}dialog{border-radius:24px;max-height:88dvh}dialog h2{font-size:23px}.demo-profile-bar{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff5dc;border-bottom:1px solid #efe1ba;color:#88651d;font-size:11px;flex-wrap:wrap}.demo-profile-bar strong{font-size:11px}.demo-profile-bar button{font-size:11px;padding:7px 10px;background:#fffaf0;border-color:#e6d29e;box-shadow:none}.demo-profile-bar button.active{background:#19365e;color:#fff;border-color:#19365e}.demo-avatar{display:grid!important;place-items:center;padding:0!important;width:42px;height:42px;min-width:42px;border-radius:50%!important;background:#2465ed!important;color:white!important;font-size:13px!important;font-weight:750;line-height:1;letter-spacing:0}.demo-bell{color:#b88600!important;background:#fff7d9!important;border-color:#f8e9b4!important;border-radius:14px!important;font-size:12px!important;padding:10px!important}.demo-bottom-account{display:none}.demo-splash{position:fixed;inset:0;z-index:30000;background:#102d52;display:grid;place-items:center;overflow:hidden;pointer-events:none}.demo-splash>i{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#abe3ff,#439cff88 35%,transparent 70%);animation:layout-orb 1.7s ease-out both}.demo-splash svg{width:90px;height:90px;position:relative}.demo-splash.done{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}@keyframes layout-orb{from{transform:scale(.1);opacity:0}20%{opacity:1}to{transform:scale(14);opacity:0}}.team-days .team-day{border-radius:12px!important;background:#fff!important;border-color:#e9eff8!important}.team-days .team-day:hover{background:#eff5ff!important}#team-reports{border-radius:20px!important}#content>section{border-radius:20px;border-color:#e4eaf3;padding:24px}#content h2{font-size:21px}body.pro-preview{padding-left:220px}body.pro-preview header{display:flex;flex-wrap:wrap;justify-content:space-between}body.pro-preview main{margin:auto;max-width:1350px}body.pro-preview footer{padding-left:38px}body.pro-preview .pro-preview-nav{position:fixed;left:0;top:0;bottom:0;width:220px;background:white;border-right:1px solid #e5eaf2;padding:30px 24px;display:flex;flex-direction:column;gap:15px}.pro-preview-nav strong{font-size:23px;margin-bottom:32px}.pro-preview-nav a{font-size:13px;text-decoration:none;padding:14px;color:#6f819a}.pro-preview-nav a.active{background:#edf3ff;color:#2765e9;border-radius:12px}
@media(max-width:1100px){.dashboard-workspace{grid-template-columns:minmax(0,1fr) 260px!important}}
@media(max-width:1000px){body{padding-left:0}header{padding:22px 20px}.sidebar{display:none}main{padding:10px 20px 25px}.dashboard-workspace{display:flex!important;flex-direction:column;gap:16px}.dashboard-workspace>*{width:100%}.finance{margin-bottom:0}.mobile-views{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;max-width:none;background:#ffffffef;border-top:1px solid #e5eaf3;backdrop-filter:blur(12px);padding:8px 10px max(10px,env(safe-area-inset-bottom));gap:4px;flex-wrap:nowrap;justify-content:space-around}.mobile-views button{border:0;background:transparent!important;color:#8293aa;padding:12px 8px;font-size:11px;flex:1;min-width:0;white-space:normal}.mobile-views button.active{color:#2765e9;font-weight:800}.demo-bottom-account{display:block}footer{padding-bottom:100px}.flashora-helper{bottom:90px!important}body.pro-preview{padding-left:0}.pro-preview-nav{display:none!important}body.pro-preview footer{padding-left:20px}.demo-profile-bar{padding:9px 14px}.demo-profile-bar strong{width:100%}}
@media(max-width:600px){main{padding:12px 14px 25px}header{padding:20px 15px;grid-template-columns:minmax(0,1fr) auto;gap:12px}.brand .brand-wordmark{font-size:23px}.intro h1{font-size:24px}.intro p{font-size:12px}.cards{gap:7px;margin:18px 0}.card{padding:15px 10px}.card strong{font-size:23px}.card span{font-size:10px}.calendar-panel{padding:15px!important}.day{min-height:70px}.calendar-summary-row{gap:10px}.calendar-summary-row>.panel{padding:14px!important}.toolbar{gap:8px}.finance-big{font-size:30px}.demo-profile-bar button{flex:1;padding:8px 6px}#content>section{padding:18px}body.pro-preview header{padding:18px 15px}body.pro-preview header .language-picker{margin-left:auto}body.pro-preview main{padding:12px 14px}.pro-preview .team-days .team-day{min-height:72px}.pro-preview .team-day span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.demo-splash>i{animation:none;opacity:.3;transform:scale(2)}.demo-splash.done{transition:none}}
@media(max-width:680px){.calendar-summary-row,.calendar-summary-row.has-company,.calendar-summary-row.has-weather{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-width:0;width:100%}.calendar-summary-row #pro-calendar-summary{grid-column:1/-1;max-width:100%}.calendar-summary-row #holiday-home-counter,.calendar-summary-row #weather-home-card{width:auto!important;max-width:100%;min-width:0}.calendar-summary-row .actions{gap:8px!important;flex-wrap:wrap}.calendar-summary-row button,.calendar-summary-row a{white-space:normal;overflow-wrap:anywhere}.calendar-summary-row h2{overflow-wrap:anywhere}}
.demo-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0!important;font-size:21px!important;line-height:1}.demo-bell[hidden]{display:none!important}.demo-bell[data-unread]:not([data-unread=""])::after{content:attr(data-unread);position:absolute;right:-4px;top:-4px;border-radius:20px;min-width:17px;height:17px;padding:1px 4px;background:#e84b5b;color:#fff;font:700 10px/15px system-ui;text-align:center}.demo-avatar{text-decoration:none}body.pro-preview header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;max-width:1400px}body.pro-preview header .brand{display:flex;align-items:center;gap:8px}body.pro-preview header #account-greeting{text-align:right}body.pro-preview header .language-picker{margin:0}body.pro-preview header .brand-wordmark{font-size:23px;letter-spacing:-1px}@media(max-width:700px){body.pro-preview header{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}body.pro-preview header .brand{grid-column:1/3}body.pro-preview header .language-picker{grid-column:3;grid-row:1}body.pro-preview header #account-greeting{grid-column:1;grid-row:2;text-align:left;font-size:12px}body.pro-preview header .demo-avatar{grid-column:3;grid-row:2}body.pro-preview header .demo-bell{grid-column:2;grid-row:2}body.pro-preview header .brand-wordmark{font-size:21px}body.pro-preview header select{max-width:108px;font-size:12px;padding:8px}}
body:not(.pro-preview) header{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand greeting language account";position:relative}body:not(.pro-preview) header>.demo-bell{grid-area:bell;justify-self:end}body:not(.pro-preview) header:has(>.demo-bell:not([hidden])){grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"brand greeting language bell account"}@media(max-width:1000px){body:not(.pro-preview) header,body:not(.pro-preview) header:has(>.demo-bell:not([hidden])){grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand language account" "greeting bell bell";gap:12px}body:not(.pro-preview) header>.demo-bell{margin:0;align-self:center}}@media(max-width:600px){body:not(.pro-preview) header,body:not(.pro-preview) header:has(>.demo-bell:not([hidden])){grid-template-columns:minmax(0,1fr) 42px 108px;grid-template-areas:"brand brand language" "greeting bell account"}body:not(.pro-preview) header>.demo-avatar{justify-self:end}}
body.pro-preview header>.demo-avatar{justify-self:end}body.pro-preview header select{font:inherit;background:#fff;border:1px solid #e0e8f3;border-radius:12px;padding:10px;font-size:14px;color:#182e4b}body.pro-preview header label{font-size:12px;color:#617590}@media(max-width:700px){body.pro-preview header select{font-size:12px;padding:8px}}
/* Shared greeting row: text/date on the left, bell/avatar on the right. */
body header,body.pro-preview header,body:not(.pro-preview) header:has(>.demo-bell:not([hidden])){display:grid!important;grid-template-columns:minmax(0,1fr) 42px 42px!important;grid-template-rows:auto auto auto!important;grid-template-areas:"brand language language" "greeting bell account" "date bell account"!important;gap:3px 12px!important;padding-top:20px;padding-bottom:22px;align-items:center!important}
body header>.brand{grid-area:brand!important;margin-bottom:17px;min-width:0}
body header>.language-picker,body.pro-preview header>label{grid-area:language!important;justify-self:end;align-self:start;margin:0 0 17px!important}
body header>#account-greeting,body.pro-preview header>#account-greeting{grid-area:greeting!important;text-align:left!important;font-size:18px!important;font-weight:750!important;line-height:1.25;color:#182e4b;max-width:100%;letter-spacing:-.4px}
body header>.demo-header-date{grid-area:date;font-size:12px;line-height:1.5;color:#93a1b4;text-transform:capitalize}
body header>.demo-bell,body.pro-preview header>.demo-bell{grid-area:bell!important;justify-self:end;align-self:center;margin:0!important;background:#fff!important;border:1px solid #e8edf4!important;border-radius:50%!important;box-shadow:none}
body header>.demo-avatar,body.pro-preview header>.demo-avatar{grid-area:account!important;justify-self:end;align-self:center;margin:0!important}
@media(max-width:600px){body header,body.pro-preview header,body:not(.pro-preview) header:has(>.demo-bell:not([hidden])){gap:3px 9px!important;grid-template-columns:minmax(0,1fr) 36px 36px!important;padding:16px!important}body header>#account-greeting,body.pro-preview header>#account-greeting{font-size:16px!important}body header>.demo-avatar,body header>.demo-bell{width:36px;height:36px;min-width:36px}body header>.demo-header-date{font-size:11px}body header>.brand .brand-wordmark{font-size:22px!important}}

header #account-greeting:not(.brand-tagline)::after{content:" 👋";display:inline-block;margin-left:5px;font-size:1.05em;vertical-align:baseline;letter-spacing:0}

/* Team overview inspired by compact, softly coloured app cards. */
#content>section.team-overview{position:relative;isolation:isolate;overflow:hidden;padding:26px!important;background:linear-gradient(145deg,#f1f3ff 0%,#fff 55%,#edf6ff 100%);border:1px solid #dce3ff;border-radius:24px;box-shadow:0 10px 30px #475bd00a}
.team-overview::before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:linear-gradient(90deg,#2563ed,#7561ff,#63bcf5);z-index:-1}
#content .team-overview>h2{display:flex;align-items:center;gap:12px;color:#233c79;letter-spacing:-.5px;font-size:23px;margin:4px 0 12px}
.team-overview>h2::before{content:"👥";display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#e4e9ff;font-size:23px}
.team-overview>p:first-of-type{font-size:12px;color:#677a9c;margin:0 0 17px;line-height:1.6}
.team-overview>p:nth-of-type(2){display:inline-flex;align-items:center;gap:8px;padding:9px 13px;background:#e7edff;border:1px solid #d8e1ff;border-radius:10px;color:#365acc;font-weight:700;font-size:13px;margin:0 0 16px}
.team-overview>p:nth-of-type(2)::before{content:"●";color:#5c78ec;font-size:10px}
.team-overview>details{border:1px solid #dce5f5;background:#ffffffc9;border-radius:13px;padding:13px 15px;margin-bottom:16px;font-size:14px;color:#355175}
.team-overview summary{cursor:pointer;font-weight:700}
.team-overview ul{list-style:none;padding:0;margin:12px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.team-overview li{padding:7px 11px;background:#f0f3ff;border:1px solid #e1e7fa;border-radius:20px;font-size:12px}
#invite-form{max-width:none;background:#fff;border:1px solid #e0e6f4;padding:18px;border-radius:16px;margin-top:4px;box-shadow:0 3px 12px #3959aa04}
#invite-form label{font-size:13px;font-weight:700;margin:0;color:#344a6d}
#invite-form input{margin-top:10px;border-radius:11px;background:#f4f7fc;border-color:#e2e8f2;padding:13px;font-size:14px;min-height:46px}
#invite-form p{font-size:11px;line-height:1.6;color:#7b8ba5;margin:10px 0 15px}
#invite-form>button{width:100%;background:linear-gradient(105deg,#3464ef,#6655f1);color:white;border:0;border-radius:11px;font-size:14px;font-weight:700;padding:13px;box-shadow:0 5px 12px #4d62eb20}
#invite-form>button::before{content:"＋ ";font-size:17px}
#invite-result:empty{display:none}
#invite-result:not(:empty){margin-top:14px;padding:16px;background:#edf2ff;border-radius:14px;font-size:13px}
@media(max-width:600px){#content>section.team-overview{padding:20px!important;border-radius:20px}#content .team-overview>h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}.team-overview>h2::before{flex-basis:38px;height:38px;font-size:20px}#invite-form{padding:15px}}


.team-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:center;gap:8px;padding:10px 14px max(12px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid #dfe6f5;box-shadow:0 -6px 25px #203e6908}
.team-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;max-width:180px;min-width:0;border:0;background:transparent;color:#8291ab;font-size:12px;padding:8px 5px;border-radius:12px;box-shadow:none;line-height:1.25}
.team-bottom-nav button>span:first-child{font-size:22px;line-height:1}
.team-bottom-nav button[aria-pressed=true]{color:#385ee9;background:#edf1ff;font-weight:750}
.team-navigation-enabled footer{padding-bottom:120px!important}.team-navigation-enabled .mobile-views{display:none!important}
.pro-preview.team-navigation-enabled #content>section{display:none}
.pro-preview[data-team-view=team] #content>.team-overview,.pro-preview[data-team-view=team] #content>section:has(#management-actions){display:block}
.pro-preview[data-team-view=hours] #content>section:has(.pro-report-tools),.pro-preview[data-team-view=calendar] #content>section:has(.pro-report-tools),.pro-preview[data-team-view=hours] #content>#company-holidays{display:block}
.pro-preview[data-team-view=hours] .team-calendar{display:none}
.pro-preview[data-team-view=calendar] .pro-report-tools>.report-totals,.pro-preview[data-team-view=calendar] .pro-report-tools>.scroll,.pro-preview[data-team-view=calendar] .pro-report-tools+.scroll,.pro-preview[data-team-view=calendar] #content>section:has(.pro-report-tools)>h2,.pro-preview[data-team-view=calendar] #content>section:has(.pro-report-tools)>.actions,.pro-preview[data-team-view=calendar] #content>section:has(.pro-report-tools)>p{display:none}
.pro-preview[data-team-view=calendar] .report-filters{margin-top:0}.team-navigation-enabled .pro-preview-nav{display:none!important}body.pro-preview.team-navigation-enabled{padding-left:0}
@media(max-width:600px){.team-bottom-nav{gap:3px;padding:8px 6px max(10px,env(safe-area-inset-bottom))}.team-bottom-nav button{font-size:10px;padding:8px 3px}.team-bottom-nav button>span:first-child{font-size:20px}}

/* Owner navigation belongs only to the fixed bottom bar. */body.team-navigation-enabled .pro-team-navigation,body.team-navigation-enabled #pro-calendar-summary{display:none!important}body.team-navigation-enabled .calendar-summary-row.has-company{grid-template-columns:max-content minmax(150px,220px)}@media(max-width:680px){body.team-navigation-enabled .calendar-summary-row.has-company{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
/* The calendar speaks for itself; keep the dashboard header compact. */body:not(.pro-preview) main>.intro{display:none!important}
#shift-list-toggle:not([hidden]){display:block;margin:12px 0 0;padding:10px 18px;color:#365fe6;background:#edf2ff;border-color:#dce5ff;font-weight:700}#shift-list-preview[hidden]{display:none!important}.table-panel .toolbar h2{margin:0}@media print{#shift-list-preview[hidden]{display:block!important}#shift-list-toggle{display:none!important}}
.pro-preview[data-team-view=hours] #content>section:has(.pro-report-tools)>.actions>a[href="/"]{display:none!important}.pro-preview[data-team-view=hours] #content>section:has(.pro-report-tools)>.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pro-preview[data-team-view=hours] #content>section:has(.pro-report-tools)>.actions>button{margin:0;white-space:nowrap;flex:0 0 auto;padding:10px 13px;font-size:12px;min-height:40px}
.management-card #management-actions{display:flex;flex-direction:column;gap:12px}.management-menu{border:1px solid #dfe6f5;border-radius:14px;background:#f8faff;overflow:hidden}.management-menu>summary{padding:16px;cursor:pointer;color:#3656a1;font-size:14px;font-weight:750;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.management-menu>summary::after{content:"＋";font-size:20px;font-weight:400}.management-menu[open]>summary::after{content:"−"}.management-menu>summary::-webkit-details-marker{display:none}.management-person{padding:15px;border-top:1px solid #e4eaf5;background:#fff}.management-person>strong{display:block;font-size:14px;margin-bottom:10px}.management-person .actions{gap:8px}.management-person button{font-size:12px;padding:9px 11px;white-space:normal;text-align:left}.management-danger{background:#fffafa;border-color:#f1dfe1}.management-danger>summary{color:#a65160}.management-danger>p{font-size:12px;padding:0 16px;color:#865d66}.management-danger>button{margin:0 16px 16px;color:#b34458;border-color:#edcbd2;background:#fff}#content>.management-card h2{font-size:18px}

.setup-dialog{box-sizing:border-box;border:0;padding:28px;width:min(580px,100%);max-width:none;height:min(820px,96dvh);max-height:96dvh;background:radial-gradient(ellipse at 100% 0,#e2eaff 0,transparent 55%),#f7f9ff;border-radius:26px;color:#182e4b;overflow-y:auto}.setup-dialog[open]{display:flex;flex-direction:column}.setup-top{display:flex;align-items:center;gap:9px}.setup-top svg{width:34px;height:34px}.setup-top strong{font-size:20px;letter-spacing:-.7px}.setup-skip{margin-left:auto;border:0;background:none;box-shadow:none;font-size:11px;color:#7d8ba6;padding:8px}.setup-progress{display:flex;gap:7px;justify-content:center;margin:26px 0 16px}.setup-progress span{width:35px;height:5px;background:#dfe6fb;border-radius:10px}.setup-progress span.active{background:#3868ef}.setup-body{flex:1}.setup-body h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:15px 0}.setup-description{font-size:14px;line-height:1.6;color:#7888a1;margin-bottom:25px}.setup-body form{display:flex;flex-direction:column;gap:17px}.setup-body label{font-size:13px;font-weight:700;color:#526986;margin:0}.setup-body input{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:8px;padding:14px;background:#fff;border:1px solid #dce4f3;border-radius:13px;font-size:18px;color:#213a61;min-height:50px}.setup-body input:disabled{opacity:.5}.setup-note{font-size:12px;color:#7a8ba6;line-height:1.6}.setup-features{display:flex;flex-direction:column;gap:24px;margin:22px 0}.setup-features>div{display:flex;align-items:center;gap:16px;font-size:16px}.setup-features span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8efff;color:#3867ef;font-size:25px}.setup-footer{display:flex;gap:10px;margin-top:26px;padding-bottom:4px;flex-wrap:wrap}.setup-footer button{flex:1;font-size:14px;padding:15px;border-radius:14px;white-space:normal}.setup-footer .primary{background:linear-gradient(110deg,#2868f2,#6154ed);border:0;color:white;font-weight:750}.setup-footer .setup-login{flex-basis:100%;background:none;border:0;box-shadow:none;font-size:12px;color:#4966af}.setup-switch{display:flex;align-items:center;gap:10px;background:#eaf0ff;padding:12px;border-radius:12px}.setup-switch input{width:20px;height:20px;min-height:0;margin:0;accent-color:#3868ef}.setup-total{padding:18px;border-radius:14px;color:#365ddd;background:#e9efff;font-weight:750;text-align:center}.setup-error{color:#b4465a;font-size:13px}.setup-account-settings{border-top:1px solid #e0e7f3;padding-top:18px;margin-top:24px}.setup-account-settings h3{font-size:15px}@media(max-width:600px){.setup-dialog{height:100dvh;max-height:100dvh;width:100%;margin:0;border-radius:0;padding:22px 20px max(22px,env(safe-area-inset-bottom))}.setup-body h1{font-size:29px}.setup-footer{position:sticky;bottom:-22px;background:#f7f9ff;padding:14px 0 20px}.setup-skip{max-width:130px;white-space:normal}}

.setup-body form{align-items:stretch;width:100%;max-width:none}.setup-body{min-width:0}.setup-features{width:100%}.setup-dialog .setup-top,.setup-dialog .setup-footer{flex-shrink:0}.setup-dialog .setup-body{flex:1 0 auto}.setup-dialog .setup-footer{position:sticky;bottom:-28px;background:#f7f9ff;padding-top:12px}.setup-dialog .setup-footer>button{min-width:0}@media(max-width:600px){.setup-dialog .setup-footer{bottom:-22px}}
.setup-role-title{font-size:16px;margin:0;color:#304d76}.setup-role-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-role{background:#fff;border:1px solid #dce4f3;border-radius:14px;padding:18px 10px;font-size:14px;color:#526a92;line-height:1.4}.setup-role[aria-pressed=true]{background:#edf1ff;color:#385fe8;border-color:#5778f4;box-shadow:0 0 0 1px #5778f4}.setup-pro-advice{padding:16px;border:1px solid #d4dfff;border-radius:15px;background:linear-gradient(120deg,#e8efff,#f0edff)}.setup-pro-advice[hidden]{display:none}.setup-pro-advice strong{font-size:15px;color:#3451a2}.setup-pro-advice p{font-size:12px;color:#677ca1;line-height:1.6;margin:9px 0 13px}.setup-pro-advice button{font-size:13px;white-space:normal}.setup-features{gap:14px;margin:10px 0}.setup-features>div{font-size:14px}.setup-features span{width:36px;height:36px;font-size:21px}

/* Statistics must replace the dashboard even when layout rules force display. */
body.statistics-visible main>:not(#statistics-panel){display:none!important}body.statistics-visible #statistics-panel{display:block!important}

.report-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.report-totals>div{min-width:0;overflow-wrap:anywhere}.report-totals strong{font-size:clamp(13px,2.5vw,24px)}@media(max-width:600px){.report-totals span{font-size:11px}.report-totals strong{font-size:15px}}

@media(max-width:380px){body header>.brand .brand-wordmark,body.pro-preview header .brand-wordmark{font-size:18px!important}body header .brand-symbol{width:28px;height:28px;flex-shrink:0}body header>.brand{min-width:0;gap:6px!important}}

/* Keep leave words intact inside compact calendar cells. */
#calendar-grid .holiday-chip{overflow-wrap:normal!important;word-break:normal;hyphens:none}@media(max-width:600px){#calendar-grid .day{container-type:inline-size}#calendar-grid .holiday-chip{font-size:min(7px,20cqw);padding:3px 0}}

/* Filled days open as a readable summary; edit actions remain available on demand. */
#pro-day-dialog.day-summary:not(.day-editing) .pro-day-row>button{display:none}#pro-day-dialog .day-management-actions[hidden],#pro-day-dialog .day-summary-actions[hidden]{display:none!important}.day-note-summary{margin:18px 0;padding:16px;border:1px solid #e0e7f4;border-radius:14px;background:#f5f8ff}.day-note-summary h3{font-size:13px;color:#5d7190;margin:0 0 8px}.day-note-summary p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.day-summary-actions{margin-top:18px}


/* Floating five-action mobile dock, with raised add button. */
@media(max-width:1000px){
 .mobile-views{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:560px;margin:0 auto;padding:9px 8px 8px;min-height:76px;background:#fff;border:1px solid #e9edf3;border-radius:30px;box-shadow:0 5px 22px #203b6420;overflow:visible;align-items:center;backdrop-filter:none}
 .mobile-views button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;min-height:56px;margin:0;padding:5px 2px;border:0;border-radius:15px;background:transparent!important;color:#6c7686!important;box-shadow:none!important;outline:none!important;transform:none!important;font-size:10px;line-height:1.15;font-weight:650;white-space:normal;overflow-wrap:normal}
 .mobile-views button svg{display:block;width:24px;height:24px;flex-shrink:0}.mobile-views .bottom-nav-label{display:block;max-width:100%}
 .mobile-views #mobile-overview{grid-column:1;grid-row:1}.mobile-views #mobile-statistics{grid-column:2;grid-row:1}.mobile-views #mobile-add-shift{grid-column:3;grid-row:1}.mobile-views #mobile-history{grid-column:4;grid-row:1}.mobile-views #mobile-profile{grid-column:5;grid-row:1}
 .mobile-views #mobile-add-shift{width:64px;height:64px;min-height:64px;justify-self:center;align-self:start;margin-top:-30px;margin-bottom:0;border-radius:50%;background:linear-gradient(150deg,#2575f4,#2448d8)!important;color:#fff!important;box-shadow:0 9px 20px #2461e83b!important}.mobile-views #mobile-add-shift svg{width:29px;height:29px;stroke-width:1.6}.mobile-views #mobile-add-shift .bottom-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body:not(:has(#account-dialog[open])) .mobile-views[data-section=overview] #mobile-overview,body:not(:has(#account-dialog[open])) .mobile-views[data-section=statistics] #mobile-statistics,body:not(:has(#account-dialog[open])) .mobile-views[data-section=history] #mobile-history,body:has(#account-dialog[open]) .mobile-views #mobile-profile{color:#1264dd!important;font-weight:800}
 body:not(:has(#account-dialog[open])) .mobile-views[data-section=overview] #mobile-overview svg,body:not(:has(#account-dialog[open])) .mobile-views[data-section=statistics] #mobile-statistics svg,body:not(:has(#account-dialog[open])) .mobile-views[data-section=history] #mobile-history svg,body:has(#account-dialog[open]) .mobile-views #mobile-profile svg{background:#edf5ff;border-radius:9px;box-shadow:0 0 0 5px #edf5ff}
 .mobile-views button:focus-visible{outline:3px solid #efba65!important;outline-offset:2px}.mobile-views .pro-team-navigation[hidden]{display:none!important}.flashora-helper{bottom:112px!important}footer{padding-bottom:125px}
}
@media(max-width:360px){.mobile-views{left:8px;right:8px;padding-left:5px;padding-right:5px;border-radius:26px;gap:1px}.mobile-views button{font-size:9px}.mobile-views button svg{width:22px;height:22px}.mobile-views #mobile-add-shift{width:56px;height:56px;min-height:56px;margin-top:-25px}}

/* The mobile dock is the primary add-shift entry; retain the desktop action. */
@media(max-width:1000px){body:not(.team-navigation-enabled) #new-shift{display:none!important}}

/* History has its own page within the app, separate from the overview. */
#history-panel[hidden]{display:none!important}body.history-visible main>:not(#history-panel){display:none!important}body.history-visible #history-panel{display:block!important}#history-panel .table-panel{display:block!important;margin-top:16px}#history-panel #shift-list-toggle{display:none!important}#history-title{font-size:27px;margin:4px 0 18px;letter-spacing:-.5px}.history-controls{display:flex;gap:12px;flex-wrap:wrap}.history-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}.history-controls select,.history-controls input{font:inherit;font-size:16px;background:#fff;color:#243c5c;border:1px solid #dbe4f2;border-radius:12px;padding:12px;max-width:100%}.history-controls input{width:110px}#history-panel #holiday-list{margin-top:18px}
.calendar-help,#public-holidays-notice{display:none!important}

/* Account cards keep the existing forms and their save/security handlers. */
.profile-dialog{width:min(740px,calc(100% - 24px));max-height:92dvh;background:#f5f7fa;padding:22px!important}
.profile-dialog #account-panel{background:transparent}.profile-dialog #account-panel>h2{font-size:28px;margin:0 0 22px}
.profile-identity,.profile-card{background:#fff;border:1px solid #e0e6ed;border-radius:22px;margin:16px 0;box-shadow:0 2px 4px #10203908}
.profile-identity{display:flex;gap:16px;align-items:center;padding:22px}.profile-initials{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:#2469ed;color:white;font-size:22px;font-weight:800}.profile-identity strong{font-size:21px}.profile-identity small{display:block;overflow-wrap:anywhere;color:#718198;margin-top:5px}
.profile-card>summary{display:flex;gap:14px;align-items:center;padding:22px;cursor:pointer;list-style:none}.profile-card>summary:after{content:'›';margin-left:auto;color:#8291a5;font-size:25px}.profile-card[open]>summary:after{transform:rotate(90deg)}.profile-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#edf5ff;color:#2469ed;font-size:25px}.profile-card summary strong{font-size:18px;display:block}.profile-card small{display:block;color:#718198;font-size:14px;margin-top:5px}.profile-card-content{padding:0 22px 22px}.profile-card-content form{display:flex;flex-direction:column;align-items:stretch}.profile-card-content #holiday-balance-settings{border:0!important;margin:0!important;padding:0!important}
.profile-preferences,.profile-support{padding:20px}.profile-card h3{margin:0 0 16px;font-size:16px;color:#687b94}.profile-preferences .language-picker{margin:0;display:flex;justify-content:space-between;gap:18px}.profile-preferences .language-picker select{max-width:190px;font-size:16px}.profile-support a{display:block;padding:16px 0;border-top:1px solid #edf0f4;color:#263c5a;text-decoration:none;font-weight:650}.profile-support a:after{content:'›';float:right;color:#8392a6}.profile-logout{width:100%;padding:16px;color:#c93535;border-color:#e6baba;background:#fff;margin:20px 0}.profile-pro{display:block!important;text-align:center;margin:16px 0}.profile-dialog .backup-details>summary{padding:22px}.profile-dialog .backup-details>.panel{padding:18px!important}
@media(max-width:600px){.profile-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border-radius:0;padding:18px!important}.profile-dialog #account-panel{padding:0}.profile-dialog .dialog-close{position:sticky;top:0;z-index:2}.profile-identity{padding:18px}.profile-card>summary{padding:18px}.profile-card-content{padding:0 18px 18px}}

.profile-identity{position:relative;flex-wrap:wrap;padding-right:58px}.profile-identity>div{min-width:0;flex:1}.profile-edit-name{position:absolute;right:18px;top:24px;color:#2469ed;cursor:pointer;list-style:none;padding:8px;border-radius:10px}.profile-edit-name::-webkit-details-marker{display:none}.profile-edit-name:focus-visible{outline:3px solid #e6b24e}.profile-name-editor[open]{flex-basis:100%;padding-top:12px}.profile-name-editor form{display:flex;flex-direction:column}.profile-name-editor p{font-size:13px}
#holiday-balance-settings form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start!important}#holiday-balance-settings form label{min-width:0!important;font-size:14px;line-height:1.3}#holiday-balance-settings form input{width:100%;min-width:0;margin-top:8px}#holiday-balance-settings form button{grid-column:1/-1}#holiday-balance-settings form label{display:flex;flex-direction:column;justify-content:flex-end;min-height:96px}
.profile-preference-row{padding:16px 0;border-bottom:1px solid #e5eaf1}.profile-preference-row>a{display:block;font-weight:700;text-decoration:none;color:#263c5a}.profile-preference-row>a[href]{color:#2469ed}.profile-preference-row small{font-size:13px}.profile-preference-row label{display:inline-block;margin-right:18px}.profile-preference-row select{font:inherit;padding:10px;border-radius:12px;border:1px solid #dbe3ef}.profile-preferences>h3{order:-1}.profile-preferences{display:flex;flex-direction:column}.profile-preferences .language-picker{padding:16px 0}
:root[data-theme=dark]{background:#111a28;color:#e1e8f2;color-scheme:dark}:root[data-theme=dark] body{background:#111a28;color:#e1e8f2}:root[data-theme=dark] header,:root[data-theme=dark] .panel,:root[data-theme=dark] .card,:root[data-theme=dark] dialog,:root[data-theme=dark] .profile-identity,:root[data-theme=dark] .profile-card,:root[data-theme=dark] .mobile-views,:root[data-theme=dark] .day{background:#1c293b!important;border-color:#35455c!important;color:#e1e8f2!important}:root[data-theme=dark] .profile-dialog,:root[data-theme=dark] .day-empty{background:#142033!important}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] strong,:root[data-theme=dark] .brand,:root[data-theme=dark] #account-greeting,:root[data-theme=dark] .profile-support a,:root[data-theme=dark] .profile-preference-row a{color:#e1e8f2!important}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] button:not(.analytics-preferences):not(.primary):not(#mobile-add-shift):not(.demo-avatar){background:#23334a;color:#e1e8f2;border-color:#41536b}:root[data-theme=dark] .mobile-views button{background:transparent!important}:root[data-theme=dark] .small,:root[data-theme=dark] small,:root[data-theme=dark] .weekday,:root[data-theme=dark] footer{color:#acbad0}:root[data-theme=dark] .profile-preference-row,:root[data-theme=dark] .profile-support a{border-color:#35455c}:root[data-theme=dark] .day.today{border-color:#68a7ff!important}:root[data-theme=dark] #account-panel{background:transparent!important}:root[data-theme=dark] .profile-logout{color:#ff9393!important}:root[data-theme=dark] .profile-symbol{background:#253e60;color:#83b7ff}:root[data-theme=dark] .table-panel th,:root[data-theme=dark] .table-panel td{border-color:#35455c}:root[data-theme=dark] .profile-initials{color:#fff!important}
:root[data-theme=dark] .profile-dialog p,:root[data-theme=dark] .profile-dialog label{color:#c5d1e2}:root[data-theme=dark] .day.weekend>b,:root[data-theme=dark] .day.public-holiday>b{color:#ff9292}

.profile-preferences .profile-preference-row,.profile-preferences .language-picker{min-height:70px;box-sizing:border-box}.profile-preferences label,.profile-preferences .language-picker>span,.profile-preferences .profile-preference-row>a{font-family:inherit;font-size:16px!important;font-weight:650!important;line-height:1.4}.profile-preferences .profile-preference-row:last-child{display:flex;align-items:center;justify-content:space-between;gap:16px}.preference-switch{appearance:none!important;-webkit-appearance:none!important;position:relative;flex:none;width:48px!important;height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:20px!important;background:#d6dbe2!important;cursor:pointer;transition:background .2s}.preference-switch:before{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}.preference-switch:checked{background:#2469ed!important}.preference-switch:checked:before{transform:translateX(20px)}.preference-switch:focus-visible{outline:3px solid #e6b24e;outline-offset:4px}.profile-preferences select[hidden]{display:none!important}.profile-preferences #profile-reminders{position:relative;padding-right:65px;min-height:28px;display:flex;align-items:center}.reminder-settings-indicator{position:absolute;right:0;top:0;width:48px;height:28px;border-radius:20px;border:1px solid #aebdce;background:#edf3fa}.reminder-settings-indicator:before{content:'›';position:absolute;right:6px;top:0;font-size:22px;color:#2469ed}.reminder-settings-indicator.unavailable{opacity:.45}:root[data-theme=dark] .preference-switch{background:#536279!important}:root[data-theme=dark] .preference-switch:checked{background:#2469ed!important}

.profile-theme-control{display:flex;align-items:center;gap:12px;flex:none}.profile-theme-state{font:650 16px/1.4 inherit;color:#718198}:root[data-theme=dark] .profile-theme-state{color:#bac8db}

.profile-category-title{font-family:inherit;font-size:13px;font-weight:750;letter-spacing:1.1px;text-transform:uppercase;color:#7a8ba2;margin:28px 6px 10px}.profile-category-title+.profile-card{margin-top:0}.profile-preferences,.profile-support{padding-top:4px;padding-bottom:4px}:root[data-theme=dark] .profile-category-title{color:#9bacc4!important}

.pro-account-header .language-picker{display:none!important}.pro-account-view>header,.pro-account-view>main,.pro-account-view>footer,.pro-account-view>.mobile-views,.pro-account-view>.team-bottom-nav,.pro-account-view>.flashora-helper{visibility:hidden!important}
:root[data-theme=dark] #content section,:root[data-theme=dark] .team-overview,:root[data-theme=dark] .pro-dashboard-card,:root[data-theme=dark] .pro-management{background:#1c293b;color:#e1e8f2;border-color:#35455c}:root[data-theme=dark] .pro-calendar-day,:root[data-theme=dark] .team-bottom-nav{background:#1c293b;color:#e1e8f2;border-color:#35455c}:root[data-theme=dark] .muted{color:#acbad0}

.pro-public-holidays-notice{display:none!important}

.team-bottom-nav{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:620px;margin:0 auto;border:1px solid #e5e9ef;border-radius:30px;display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;padding:9px 8px;height:78px;box-sizing:border-box;box-shadow:0 8px 28px #142b5424;background:#fff}.team-bottom-nav button{height:58px;width:100%;font-size:10px;gap:5px;line-height:1.2;font-weight:650;border-radius:16px;padding:3px!important}.team-bottom-nav button svg{width:25px;height:25px;flex:none}.team-bottom-nav button>span{font-size:10px!important;line-height:1.2!important;overflow-wrap:normal}.team-bottom-nav button[aria-pressed=true]{color:#087af5;background:#eff6ff}.team-bottom-nav .team-nav-add{border-radius:50%;width:64px;height:64px;margin:-32px auto 0;background:linear-gradient(140deg,#2469ed,#2947da);color:white;box-shadow:0 8px 20px #2469ed44}.team-bottom-nav .team-nav-add svg{width:34px;height:34px}.team-navigation-enabled{padding-bottom:110px}@media(max-width:360px){.team-bottom-nav{grid-template-columns:1fr 1fr 60px 1fr 1fr;padding:8px 3px;gap:1px}.team-bottom-nav .team-nav-add{width:56px;height:56px}.team-bottom-nav button>span{font-size:9px!important}}

.team-notifications-dialog{scroll-padding-top:76px}.team-notifications-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:12px 0;border-bottom:1px solid #dfe6ef}.team-notifications-toolbar h2{margin:0}.team-notifications-toolbar button{flex:none;white-space:nowrap}:root[data-theme=dark] .team-notifications-toolbar{background:#1c293b;border-color:#35455c}
.team-notifications-dialog{padding:0!important;overflow:auto}.team-notifications-dialog>p{margin:16px 22px}.team-notifications-toolbar{top:0;margin:0;padding:16px 22px;background:#fff;box-shadow:0 1px 0 #dfe6ef}.team-notifications-dialog .team-notifications-toolbar{border-radius:0}
body.team-navigation-enabled #new-shift{display:none!important}

/* Notification action: a distinct, accessible card in the footer. */
#push-notifications-toggle{box-sizing:border-box;width:100%;flex-basis:100%;max-width:500px;margin:22px 0 8px;padding:18px 22px 18px 72px;position:relative;min-height:76px;border:1px solid #d6e3f5;border-radius:20px;background:linear-gradient(120deg,#fff,#edf5ff);color:#214c85;font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;text-align:left;box-shadow:0 5px 18px #244a8010;cursor:pointer;transition:border-color .2s,box-shadow .2s}
#push-notifications-toggle:before{content:'';position:absolute;left:18px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:12px;background:#deebff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232469de' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E") center/23px no-repeat}
#push-notifications-toggle:hover{border-color:#8db8ee;box-shadow:0 7px 22px #244a8020}#push-notifications-toggle:focus-visible{outline:3px solid #e8b84b;outline-offset:4px}#push-notifications-toggle:disabled{cursor:default;opacity:.65}#push-notifications-toggle+.small{margin:4px 0;max-width:500px}
:root[data-theme=dark] #push-notifications-toggle{background:linear-gradient(120deg,#223650,#1c293b)!important;border-color:#3d5a7d!important;color:#d6e7ff!important}:root[data-theme=dark] #push-notifications-toggle:before{background-color:#304c72}

#calendar-grid .holiday-chip-line{display:block;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.3}#calendar-grid .holiday-chip{overflow:visible!important}@media(max-width:600px){#calendar-grid .holiday-chip{font-size:min(7px,16cqw)!important;padding:3px 0!important;letter-spacing:-.1px}.holiday-chip-line+.holiday-chip-line{margin-top:2px}}
#calendar-grid .holiday-chip{height:auto!important;min-height:0;flex-shrink:0;overflow:hidden!important}#calendar-grid .holiday-chip-line{max-width:100%;overflow-wrap:anywhere!important;word-break:normal}@media(max-width:600px){#calendar-grid .holiday-chip{font-size:min(7px,14cqw)!important;padding:3px 1px!important;box-sizing:border-box}.holiday-chip-line{line-height:1.4!important}}

#calendar-grid .sickness-chip{font-size:9px!important}@media(max-width:600px){#calendar-grid .sickness-chip{font-size:min(6px,12cqw)!important;letter-spacing:-.15px;padding:3px 1px!important}}

#calendar-grid .weekday{padding:6px 0!important;min-width:0;text-align:center;font-size:9px;letter-spacing:0}#calendar-grid .week-heading{font-size:6.5px!important;letter-spacing:-.2px}.team-bottom-nav button>span{hyphens:manual;min-width:0;max-width:100%}@media(max-width:360px){#calendar-grid .weekday{font-size:8px}}
@media(max-width:360px){.day-type-options button{padding:10px 4px!important;font-size:12px!important;min-width:0}.day-type-options button span{min-width:0;overflow-wrap:anywhere}}

.reminder-preference{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px}.reminder-preference label{margin:0!important;cursor:pointer}.reminder-preference small{display:block;line-height:1.5;margin-top:5px}.reminder-preference .reminder-configure{grid-column:1/-1;justify-self:start;padding:7px 12px;font:inherit;font-size:13px;min-height:36px}.reminder-preference .preference-switch:disabled{opacity:.55;cursor:not-allowed}.reminder-preference .reminder-configure[hidden]{display:none!important}#app-reminders{display:none!important}

/* Dark surfaces apply to controls as well as the page; preserve action colours. */
:root[data-theme=dark] button:not(.analytics-preferences):not(.primary):not(#mobile-add-shift):not(.team-nav-add):not(.demo-avatar):not(.demo-bell):not(.day),
:root[data-theme=dark] input:not([type=checkbox]):not([type=radio]),
:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .file-label{background:#23334a!important;color:#e1e8f2!important;border-color:#41536b!important}
:root[data-theme=dark] button.primary,:root[data-theme=dark] a.primary{background:#286be6!important;color:#fff!important;border-color:#397ff1!important}
:root[data-theme=dark] .demo-bell{background:#3b321b!important;color:#ffd165!important;border-color:#6d582b!important}
:root[data-theme=dark] .day,:root[data-theme=dark] .team-days .team-day{background:#1c293b!important;color:#e1e8f2!important;border-color:#35455c!important}
:root[data-theme=dark] .sidebar,:root[data-theme=dark] .pro-preview-nav,:root[data-theme=dark] .sidebar-note{background:#182537!important;color:#bac8db!important;border-color:#35455c!important}
:root[data-theme=dark] .sidebar button.active,:root[data-theme=dark] .pro-preview-nav a.active,:root[data-theme=dark] .day-type-options button[aria-pressed=true]{background:#29476d!important;color:#aaceff!important;border-color:#648ec1!important}
:root[data-theme=dark] .team-notifications-toolbar{background:#1c293b!important;color:#e1e8f2!important}
:root[data-theme=dark] .team-bottom-nav button:not(.team-nav-add),:root[data-theme=dark] .mobile-views button:not(#mobile-add-shift){background:transparent!important;color:#b4c3d8!important}
:root[data-theme=dark] .team-bottom-nav button[aria-pressed=true],:root[data-theme=dark] .mobile-views button[aria-current=page]{background:#29476d!important;color:#9dc9ff!important}
:root[data-theme=dark] #mobile-add-shift,:root[data-theme=dark] .team-nav-add{background:linear-gradient(140deg,#2469ed,#2947da)!important;color:#fff!important}
:root[data-theme=dark] .demo-profile-bar{background:#302a1a;border-color:#66562a;color:#e2c98c}
:root[data-theme=dark] .profile-logout{color:#ff9393!important;border-color:#834d54!important}
:root[data-theme=dark] .table-panel th,:root[data-theme=dark] .table-panel td{background:transparent;color:#d2deed}

/* Same app navigation and compact content on desktop browsers. */
@media(min-width:1001px){
 .mobile-views{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:560px;margin:0 auto;padding:9px 8px 8px;min-height:76px;background:#fff;border:1px solid #e9edf3;border-radius:30px;box-shadow:0 5px 22px #203b6420;overflow:visible;align-items:center;backdrop-filter:none}
 .mobile-views button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;min-height:56px;margin:0;padding:5px 2px;border:0;border-radius:15px;background:transparent!important;color:#6c7686!important;box-shadow:none!important;outline:none!important;transform:none!important;font-size:10px;line-height:1.15;font-weight:650;white-space:normal;overflow-wrap:normal}
 .mobile-views button svg{display:block;width:24px;height:24px;flex-shrink:0}.mobile-views .bottom-nav-label{display:block;max-width:100%}
 .mobile-views #mobile-overview{grid-column:1;grid-row:1}.mobile-views #mobile-statistics{grid-column:2;grid-row:1}.mobile-views #mobile-add-shift{grid-column:3;grid-row:1}.mobile-views #mobile-history{grid-column:4;grid-row:1}.mobile-views #mobile-profile{grid-column:5;grid-row:1}
 .mobile-views #mobile-add-shift{width:64px;height:64px;min-height:64px;justify-self:center;align-self:start;margin-top:-30px;margin-bottom:0;border-radius:50%;background:linear-gradient(150deg,#2575f4,#2448d8)!important;color:#fff!important;box-shadow:0 9px 20px #2461e83b!important}.mobile-views #mobile-add-shift svg{width:29px;height:29px;stroke-width:1.6}.mobile-views #mobile-add-shift .bottom-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body:not(:has(#account-dialog[open])) .mobile-views[data-section=overview] #mobile-overview,body:not(:has(#account-dialog[open])) .mobile-views[data-section=statistics] #mobile-statistics,body:not(:has(#account-dialog[open])) .mobile-views[data-section=history] #mobile-history,body:has(#account-dialog[open]) .mobile-views #mobile-profile{color:#1264dd!important;font-weight:800}
 body:not(:has(#account-dialog[open])) .mobile-views[data-section=overview] #mobile-overview svg,body:not(:has(#account-dialog[open])) .mobile-views[data-section=statistics] #mobile-statistics svg,body:not(:has(#account-dialog[open])) .mobile-views[data-section=history] #mobile-history svg,body:has(#account-dialog[open]) .mobile-views #mobile-profile svg{background:#edf5ff;border-radius:9px;box-shadow:0 0 0 5px #edf5ff}
 .mobile-views button:focus-visible{outline:3px solid #efba65!important;outline-offset:2px}.mobile-views .pro-team-navigation[hidden]{display:none!important}.flashora-helper{bottom:112px!important}footer{padding-bottom:125px}

body,body.pro-preview{padding-left:0!important;padding-bottom:110px}.sidebar,body.pro-preview .pro-preview-nav{display:none!important}body>header,body.pro-preview>header{max-width:960px;box-sizing:border-box;margin:0 auto;padding:26px 24px 20px}body>main,body.pro-preview>main{max-width:960px;box-sizing:border-box;margin:0 auto;padding:12px 24px 32px}.dashboard-workspace{display:flex!important;flex-direction:column;gap:20px}.dashboard-workspace>*{width:100%;box-sizing:border-box}.calendar-panel{padding:24px}.calendar-grid .day{min-height:100px}.calendar-toolbar{flex-wrap:wrap}body>footer,body.pro-preview>footer{max-width:960px;box-sizing:border-box;margin:0 auto;padding:24px 24px 130px}#new-shift{display:none!important}.team-bottom-nav{max-width:620px}.mobile-views .demo-bottom-account{display:flex}.flashora-helper{bottom:114px!important}#content>section{padding:24px}.calendar-summary-row{gap:18px}.toolbar{flex-wrap:wrap}body.pro-preview .team-days .team-day{min-height:100px}
}
@media(min-width:1001px){.mobile-views{position:fixed!important;z-index:100;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;left:12px;right:12px}}

/* Dark navigation and help: explicit paired foreground/background colours. */
:root[data-theme=dark] .mobile-views button svg{background:transparent!important;box-shadow:none!important}
:root[data-theme=dark] body:not(:has(#account-dialog[open])) .mobile-views[data-section=overview] #mobile-overview svg,
:root[data-theme=dark] body:not(:has(#account-dialog[open])) .mobile-views[data-section=statistics] #mobile-statistics svg,
:root[data-theme=dark] body:not(:has(#account-dialog[open])) .mobile-views[data-section=history] #mobile-history svg,
:root[data-theme=dark] body:has(#account-dialog[open]) .mobile-views #mobile-profile svg{background:#29476d!important;box-shadow:0 0 0 5px #29476d!important;color:#9dc9ff!important}
:root[data-theme=dark] .flashora-helper .helper-badge{color:#e1e8f2!important}
:root[data-theme=dark] .flashora-help-chat .help-header{background:#172d49!important;color:#fff!important}
:root[data-theme=dark] .flashora-help-chat .help-note{color:#b8c7dc!important}
:root[data-theme=dark] .flashora-help-chat .help-message{background:#263b57!important;color:#e8effa!important}
:root[data-theme=dark] .flashora-help-chat .help-message.user{background:#24518a!important;color:#fff!important}
:root[data-theme=dark] .flashora-help-chat .help-question-label{color:#e1e8f2!important}
:root[data-theme=dark] .flashora-help-chat .help-question{border-color:#41536b!important}
:root[data-theme=dark] .flashora-help-chat input::placeholder{color:#b8c7dc!important;opacity:1}
:root[data-theme=dark] .flashora-help-chat .help-footer a{color:#9dc9ff!important}

:root[data-theme=dark] footer button.analytics-preferences{background:transparent!important;color:#9dc9ff!important;border:0!important;box-shadow:none!important}


.mascot-picker{border-top:1px solid #dfe6ef;padding:18px 0}.mascot-picker h4{font-family:inherit;font-size:16px;font-weight:650;line-height:1.4;margin:0;color:inherit}.mascot-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-top:16px}.mascot-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border:2px solid #dfe6ef;border-radius:16px;background:#f4f8ff;color:#2469de}.mascot-option span{font:650 13px/1.4 system-ui;color:#20304c}.mascot-option[aria-pressed=true]{border-color:#2469ed;box-shadow:0 0 0 2px #2469ed25}.mascot-option:focus-visible{outline:3px solid #efba65;outline-offset:2px}:root[data-theme=dark] .mascot-picker{border-color:#41536b}:root[data-theme=dark] .mascot-option span{color:#e1e8f2}:root[data-theme=dark] .mascot-options .mascot-option[aria-pressed=true]{border-color:#83b7ff!important}
.mascot-option svg{color:#3386e8}.mascot-option:nth-child(2) svg{color:#17a9b1}.mascot-option:nth-child(3) svg{color:#ed9b37}.mascot-option:nth-child(4) svg{color:#9b83d9}.mascot-option:nth-child(5) svg{color:#e5b638}
/* Chat header: compact, aligned close control on both themes. */
.flashora-help-chat .help-header{min-height:68px!important;padding:14px 16px!important;gap:16px;align-items:center!important}
.flashora-help-chat .help-header h2{flex:1;min-width:0;line-height:1.3}
.flashora-help-chat .help-header button.help-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:76px;min-height:40px;height:auto;margin:0;padding:9px 14px;border:1px solid #cbd8e9;border-radius:12px;background:#f4f8ff;color:#19365e;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;box-sizing:border-box;box-shadow:none;transform:none}
:root[data-theme=dark] .flashora-help-chat .help-header button.help-close{background:#29476d!important;border-color:#55749b!important;color:#f1f6ff!important}
.flashora-help-chat .help-header button.help-close:focus-visible{outline:3px solid #efba65;outline-offset:3px}

/* Public Android download link: visible on the web, omitted inside the Android app. */
/* Keep both history fields on the same baseline despite global input margins. */
:root.flashora-web .history-controls{align-items:flex-start}
:root.flashora-web .history-controls label{margin:0}
:root.flashora-web .history-controls select,:root.flashora-web .history-controls input{box-sizing:border-box;height:48px;min-height:48px;margin:0;line-height:1.4}
.toolbar.with-app-promotion{justify-content:flex-end;align-items:center;gap:10px}
.toolbar.with-app-promotion>.month{margin-right:auto}
.toolbar.with-app-promotion>button,.toolbar.with-app-promotion>a.app-promotion{display:inline-flex;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;height:44px;min-height:44px;margin:0;padding:0 14px;border-width:1px;border-style:solid;font-family:inherit;font-size:14px;line-height:1.4;white-space:nowrap;vertical-align:middle}
a.app-promotion{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:11px;background:#2469de;color:#fff;text-decoration:none;font-weight:750;text-align:center}
a.app-promotion:hover{background:#1b55bb}
:root[data-theme=dark] a.app-promotion{background:#306fd9!important;color:#fff!important}
@media(max-width:900px){.toolbar.with-app-promotion>.month{flex-basis:100%}.toolbar.with-app-promotion{justify-content:flex-start}}
@media(max-width:600px){.toolbar.with-app-promotion{align-items:stretch}.toolbar.with-app-promotion>button,.toolbar.with-app-promotion>a.app-promotion{flex:1 1 auto;align-self:stretch;height:auto;min-height:44px;font-size:12px;padding:10px;white-space:normal}}
@media print{a.app-promotion{display:none!important}}

/* Keep the tour transparent in dark mode and its highlight within measured bounds. */
.tour-ring{box-sizing:border-box}:root[data-theme=dark] dialog.tour-overlay{background:transparent!important}.tour-bubble{box-sizing:border-box}:root[data-theme=dark] .tour-bubble{background:#1c293b;color:#e1e8f2}
:root[data-theme=dark] .tour-bubble p{color:#e1e8f2!important}:root[data-theme=dark] .tour-bubble p:first-child{color:#bac9dc!important}