/* BAR HQ / everyday workspace. Layered over task-specific grid and payroll styles. */
:root{--ink:#183c35;--muted:#63766e;--green:#1f6350;--forest:#113f34;--gold:#dfc17e;--line:#e1e9e4;--radius:20px;--shadow:0 5px 20px #153c2d06;background:#f4f7f5;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}
body{color:#243f37;font-feature-settings:"ss01" 1;letter-spacing:-.012em}h1,h2,h3{letter-spacing:-.035em}h1{font-weight:750}h2{font-size:20px}button,.button{border-radius:12px;font-weight:650;min-height:44px}input,select,textarea{border-radius:11px}button,.button,a.text-link{transition:background .16s,box-shadow .16s,transform .16s}button:not(:disabled):active,.button:active{transform:translateY(1px)}.skip-link{position:fixed;top:-100px;left:12px;z-index:200;background:white;padding:12px}.skip-link:focus{top:10px}.ui-icon{stroke-width:1.8}
.app-header{height:78px;min-height:78px;flex-direction:row;padding:12px max(28px,calc((100vw - 1440px)/2));gap:16px;position:sticky;top:0;background:#113f34;box-shadow:0 3px 20px #103d2d0b;isolation:isolate}.brand{gap:10px}.brand-app-icon{width:44px;height:44px;border-radius:13px}.brand-copy strong{font-size:19px;letter-spacing:.13em}.brand-copy small{font-size:10px;letter-spacing:.02em;color:#c7d8cf}.app-header nav{gap:2px;flex-wrap:nowrap}.app-header nav>a,.nav-more>summary{font-size:12px;padding:11px 10px;border-radius:10px;font-weight:600}.app-header nav>a[aria-current=page]{background:#e5c986;color:#183c35}.app-header .nav-signout{margin-left:3px;padding-left:10px!important;border:0;border-radius:10px!important;font-size:11px;color:#b6ccc1}.shell-tools{display:none;align-items:center;gap:8px}.shell-alert,.shell-toggle{border:0;background:#ffffff0f;color:#f4f7f5;display:flex;align-items:center;justify-content:center;padding:10px;min-width:44px;min-height:44px;border-radius:13px;text-decoration:none;position:relative}.shell-alert:hover,.shell-toggle:hover{background:#ffffff25;color:white}.shell-tools .ui-icon{width:22px;height:22px}.shell-count{position:absolute;top:1px;right:0;background:#cf4e52;color:white;font-size:10px;font-weight:750;min-width:17px;height:17px;text-align:center;line-height:17px;border-radius:20px}.mobile-dock,.shell-scrim{display:none}.nav-menu{border-radius:14px;box-shadow:0 16px 40px #143c3226;padding:8px}.nav-menu a{padding:11px 13px;border-radius:8px}
main{max-width:1360px;padding:28px 32px 48px}.workspace-meta{margin-bottom:24px;display:flex;align-items:center;gap:16px;font-size:11px;color:#7c8e85;letter-spacing:.01em}.workspace-meta>span:first-child{color:#416a58;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.workspace-meta>span:first-child:before{width:6px;height:6px;background:#c4a25d;margin-right:8px}.workspace-meta i{font-style:normal;color:#afbcaf;padding:0 6px}.workspace-user{margin-left:auto}.workspace-user b{color:#426451}.panel{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.section-heading{margin-top:28px;margin-bottom:15px}.section-heading h2{margin-bottom:5px}.section-heading p{font-size:13px;margin:0;color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.12em}.icon-tile{width:44px;height:44px;border-radius:14px;background:#e8f2ed;color:#28654f}.icon-tile.gold{background:#faf0d9;color:#8c6b28}.icon-tile.blue{background:#eaf0f9;color:#456b9d}
.dashboard-hero,.manager-hero{position:relative;overflow:hidden;border:0;border-radius:24px;padding:30px 32px;background:linear-gradient(120deg,#174e3d,#26765b);box-shadow:0 12px 28px #1f563d10;margin-bottom:22px;gap:24px;color:#dae9de;min-height:0}.dashboard-hero:after,.manager-hero:after{content:"";position:absolute;width:210px;height:210px;border:36px solid #ffffff07;border-radius:50%;right:-55px;top:-90px;pointer-events:none}.dashboard-hero h1,.manager-hero h1{color:#fff;font-size:clamp(26px,3vw,35px);margin:7px 0 10px;letter-spacing:-.04em}.dashboard-hero .eyebrow,.manager-hero .eyebrow{color:#e8d29a}.dashboard-hero p,.manager-hero p{color:#d0e4d8;font-size:14px;margin:0;max-width:470px;line-height:1.6}.hero-actions{position:relative;z-index:1;gap:9px;flex-wrap:wrap}.dashboard-hero .button,.manager-hero .button{font-size:12px;padding:11px 16px;box-shadow:none}.dashboard-hero .button-secondary{background:#ffffff14;border:1px solid #ffffff30;color:#fff}.button-gold{background:#e9cf94;color:#204a36;border:0}.overview-tiles{gap:14px;margin-bottom:22px}.overview-tile{padding:18px 20px;border-radius:18px;gap:14px;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.tile-number{font-size:26px;line-height:1.1;font-weight:750;letter-spacing:-.045em}.tile-label{font-size:12px;line-height:1.4;margin-top:4px;color:#698174}.dashboard-grid{gap:18px}.action-card{padding:23px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);min-height:0;gap:16px}.action-card h2{font-size:21px;margin:0 0 7px}.action-card p{font-size:13px;line-height:1.65;margin:0;color:#63796e}.card-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.card-top{margin:0}.text-link{font-size:13px;font-weight:700}.next-shift-card{border:1px solid #ffffff25;background:#ffffff0f;border-radius:18px;box-shadow:none}.next-shift-card strong,.next-shift-card h2{color:white}.manager-steps{gap:18px}.manager-steps .panel{padding:24px}.personal-shift-card{border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.day-badge{border-radius:12px}.admin-step,.admin-group{border-radius:18px}.admin-step{padding:22px}.admin-step .step-number{background:#e8f1e9;color:#346a4d}.admin-intro{color:var(--muted)}footer{border-top:1px solid var(--line);font-size:11px;padding-top:22px;padding-bottom:24px}.footer-brand{letter-spacing:.14em}
/* Wage overview: deliberately owner-only at the server, including all hidden details. */
.wage-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);margin:22px 0}.wage-heading{display:flex;align-items:center;gap:13px}.wage-heading h2{margin:3px 0 0;font-size:21px}.wage-heading .eyebrow{color:#7e8f84;font-size:9px}.round-link{margin-left:auto;background:#f1f6f1;border:1px solid #e0e9e0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.wage-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0 22px}.wage-main>div>span{display:block;font-size:13px;color:#6d8073}.wage-main small{margin-left:10px;font-size:11px}.wage-main strong{display:block;font-size:40px;font-weight:780;letter-spacing:-.05em;color:#194e39;line-height:1.3}.cost-status{font-size:10px;letter-spacing:.02em;padding:6px 10px;border-radius:8px;background:#faf0d9;color:#876623;font-weight:700}.cost-status.final{background:#e8f3eb;color:#2c694b}.pub-costs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pub-costs>div{display:flex;align-items:center;gap:11px;background:#f6f9f6;padding:15px;border:1px solid #e9eee7;border-radius:13px}.pub-costs strong{font-size:12px}.pub-costs small{display:block;font-size:10px;margin-top:3px}.pub-costs b{margin-left:auto;font-size:19px;white-space:nowrap;letter-spacing:-.035em}.pub-dot{height:9px;width:9px;flex:none;border-radius:50%;background:#4b8667}.pub-dot.pub-2{background:#c6a45b}.cost-details{margin-top:15px}.cost-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#406e53;min-height:44px;font-weight:650;border-bottom:1px solid var(--line)}.cost-details>summary::-webkit-details-marker,.daily-costs summary::-webkit-details-marker{display:none}.cost-details .ui-icon,.daily-costs .ui-icon{width:16px;height:16px;transition:transform .15s}details[open].cost-details>summary .ui-icon,.daily-costs details[open]>summary .ui-icon{transform:rotate(90deg)}.cost-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:16px 0}.cost-breakdown>div{display:flex;flex-direction:column;font-size:12px;gap:6px}.cost-breakdown>div>strong{font-size:12px;margin-bottom:5px}.cost-breakdown span{display:flex;justify-content:space-between;color:#657c6c}.cost-breakdown b{font-variant-numeric:tabular-nums;color:#355942}.forecast-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px;gap:8px}.forecast-heading h3{font-size:15px;margin:0}.forecast-heading>span{color:#7a8b7d;font-size:10px}.daily-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.daily-costs details{border:1px solid var(--line);border-radius:12px;padding:13px 15px;align-self:start}.daily-costs summary{list-style:none;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:12px;min-height:46px}.daily-costs summary>span{font-weight:650;flex:1}.daily-costs summary small{display:block;font-weight:400;font-size:10px;margin-top:2px}.daily-costs summary>strong{font-size:18px;letter-spacing:-.035em}.daily-costs summary>.ui-icon{margin-left:4px}.daily-costs details>div{border-top:1px solid var(--line);margin-top:10px;padding-top:7px}.daily-costs p{font-size:10px;margin:7px 0}.daily-costs p b{display:block;font-size:12px}.cost-note{font-size:11px;color:#7d8b7d;line-height:1.65;margin:12px 0}.cost-warning{background:#fff2d6;padding:10px 12px;border-radius:9px;font-size:12px;color:#896317}
@media(min-width:1401px){.shell-toggle{display:none}.shell-scrim{display:none!important}.dashboard-grid .action-card:hover,.admin-step:hover{border-color:#c6d9cc;box-shadow:0 8px 24px #204b3510}}
@media(max-width:1400px){.app-header{height:72px;min-height:72px;padding:10px 24px;justify-content:space-between}.shell-tools{display:flex}.app-header #shell-navigation{display:none;position:absolute;right:14px;top:calc(100% + 9px);width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 160px);overflow:auto;background:#fff;padding:16px;border-radius:20px;box-shadow:0 20px 65px #082c3440;z-index:82;flex-direction:column;align-items:stretch;gap:5px;overscroll-behavior:contain}.app-header.menu-open #shell-navigation{display:flex}.app-header #shell-navigation>a,.app-header #shell-navigation .nav-more>summary{font-size:14px;font-weight:600;padding:13px 14px;color:#345f4a;border-radius:11px;min-height:46px}.app-header #shell-navigation>a:hover,.app-header #shell-navigation .nav-more>summary:hover{background:#f1f6ef}.app-header #shell-navigation>a[aria-current=page]{background:#edf4ea;color:#255e40}.app-header #shell-navigation .nav-signout{color:#9d4a49;margin:5px 0 0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding-left:14px!important}.app-header #shell-navigation .attention-nav{display:none}.app-header #shell-navigation .nav-more{width:100%}.app-header #shell-navigation .nav-menu{position:static;box-shadow:none;background:#f5f8f3;border:0;margin-top:3px;padding:5px 10px}.app-header #shell-navigation .nav-menu a{font-size:13px;color:#4b6e59;padding:12px;min-height:44px}.shell-scrim:not([hidden]){display:block;position:fixed;inset:72px 0 0;width:100%;height:calc(100dvh - 72px);border:0;border-radius:0;background:#082c343d;backdrop-filter:blur(3px);z-index:49}.shell-menu-open{overflow:hidden}.workspace-meta>span:nth-child(2){display:none}}
@media(max-width:700px){.app-header{height:68px;min-height:68px;padding:10px 18px;gap:8px}.brand-app-icon{width:42px;height:42px;border-radius:12px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:9px}.shell-tools{gap:6px}.shell-alert,.shell-tools .shell-toggle{min-width:40px;min-height:40px;padding:9px;border-radius:12px}.app-header #shell-navigation{top:calc(100% + 8px);max-height:calc(100dvh - 168px)}.shell-scrim:not([hidden]){top:68px;height:calc(100dvh - 68px)}main{padding:16px 16px 30px}.workspace-meta{margin:0 2px 16px;font-size:10px;gap:8px}.workspace-meta>span:first-child{font-size:9px;letter-spacing:.08em}.workspace-user{font-size:10px}.workspace-user b{font-weight:600}.dashboard-hero,.manager-hero{border-radius:21px;padding:25px 22px;display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-bottom:16px}.dashboard-hero h1,.manager-hero h1{font-size:28px;line-height:1.15;max-width:280px}.dashboard-hero p,.manager-hero p{font-size:13px}.hero-actions{justify-content:flex-start}.dashboard-hero .button,.manager-hero .button{min-height:40px;font-size:11px;padding:10px 14px}.overview-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.overview-tile{padding:13px 10px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:15px;min-width:0}.overview-tile .icon-tile{width:32px;height:32px;border-radius:10px}.overview-tile .ui-icon{width:18px;height:18px}.tile-number{font-size:24px}.tile-label{font-size:10px;line-height:1.4;max-width:110px}.panel{padding:20px;border-radius:18px}.panel.scroll{padding:16px}.section-heading{margin-top:24px}.section-heading h2{font-size:19px}.section-heading p{font-size:12px}.dashboard-grid,.manager-steps{grid-template-columns:1fr;gap:12px}.action-card{padding:20px;gap:12px}.action-card .card-top{margin-bottom:0}.action-card h2{font-size:20px}.action-card p{font-size:12px}.manager-steps .panel{padding:21px}.next-shift-card{width:100%;max-width:none;padding:18px}.next-shift-card p{color:#d0e4d8}.authenticated{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-dock{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;min-height:70px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #e0e8df;box-shadow:0 -5px 24px #18492d06;backdrop-filter:blur(18px);z-index:45;gap:8px}.mobile-dock>a,.mobile-dock>.shell-toggle{display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;border:0;background:transparent;text-decoration:none;border-radius:12px;flex:1;min-height:52px;min-width:0;color:#889b8e;padding:5px 8px;font-size:10px;font-weight:600}.mobile-dock .ui-icon{width:21px;height:21px}.mobile-dock>a[aria-current=page]{background:#edf5ec;color:#2b6849}.mobile-dock>.shell-toggle[aria-expanded=true]{background:#edf5ec;color:#2b6849}.wage-card{padding:21px 19px;margin:18px 0;border-radius:20px}.wage-heading{gap:11px}.wage-heading .icon-tile{width:39px;height:39px;border-radius:12px}.wage-heading h2{font-size:19px}.wage-heading .eyebrow{font-size:8px}.round-link{width:34px;height:34px;flex:none}.round-link .ui-icon{width:17px}.wage-main{padding:22px 0 18px}.wage-main strong{font-size:36px}.wage-main>div>span{font-size:12px}.wage-main small{display:block;margin:3px 0 0;font-size:10px}.cost-status{font-size:9px;padding:5px 8px}.pub-costs{grid-template-columns:1fr;gap:8px}.pub-costs>div{padding:12px}.pub-costs b{font-size:18px}.cost-breakdown{grid-template-columns:1fr;gap:18px}.daily-costs{grid-template-columns:1fr;gap:0}.daily-costs details{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0}.daily-costs details:last-child{border-bottom:0}.daily-costs summary{flex-wrap:nowrap;font-size:13px;min-height:42px;gap:12px}.daily-costs summary>strong{font-size:20px}.daily-costs summary small{font-size:10px}.daily-costs p{display:flex;justify-content:space-between;font-size:11px}.daily-costs p b{font-size:12px}.forecast-heading{margin-top:19px}.forecast-heading>span{font-size:9px}.cost-note{font-size:10px}.wage-card>.text-link{font-size:12px}.admin-step{padding:20px}footer{padding:20px 18px;gap:8px}footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.shell-tools,.mobile-dock,.shell-scrim,.skip-link{display:none!important}.app-header{position:static}.authenticated{padding-bottom:0}}
/* Keep task save controls and the update prompt clear of the fixed shell. */
.payroll-save-bar{top:90px}
@media(max-width:700px){.payroll-save-bar{top:80px}.authenticated .app-update-prompt{bottom:calc(82px + env(safe-area-inset-bottom))}}
/* Desktop navigation / an intentionally composed brand, destinations and account area. */
.brand-copy strong b{font-weight:750;color:#ebcd8d}.nav-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none}.nav-copy{display:inline-flex;align-items:center;gap:7px}.nav-copy b{font-weight:650}.nav-copy small{display:none}.profile-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ead49c;color:#214a38;font-weight:750;font-size:13px;flex:none}.profile-copy{display:none}.profile-mobile-label{margin-left:8px}.nav-profile .account-menu-heading{padding:12px 13px 14px;margin-bottom:5px;border-bottom:1px solid #e7ede5;display:flex;flex-direction:column;gap:3px}.account-menu-heading strong{color:#244f3b;font-size:15px}.account-menu-heading small{font-size:11px;color:#85947d}.profile-menu .nav-signout{display:flex;align-items:center;gap:9px;margin:8px 0 0!important;padding:12px 13px!important;border-top:1px solid #e7ede5!important;color:#9d504d!important;font-size:12px!important}.profile-menu .nav-signout .ui-icon{width:16px;height:16px}.profile-menu .nav-signout:hover{background:#fff3ef!important}.nav-profile>summary{display:flex;align-items:center}.nav-profile>summary:after{margin-left:12px}
@media(min-width:1401px){
 .app-header{height:98px;min-height:98px;padding:15px 32px;gap:24px;background:radial-gradient(ellipse at 0 0,#315c49 0,transparent 52%),linear-gradient(108deg,#163e34,#143a33 65%,#102e2a);border-bottom:1px solid #e7cc8238;box-shadow:0 8px 28px #0d302b16}
 .app-header:after{content:"";position:absolute;bottom:-1px;left:32px;width:210px;height:2px;background:linear-gradient(90deg,#c8aa69,transparent);pointer-events:none}
 .app-header .brand{gap:14px;min-width:210px;padding:3px 0}.app-header .brand-app-icon{width:53px;height:53px;border-radius:16px;box-shadow:0 0 0 1px #dfc38938,0 5px 16px #081c2040}.app-header .brand-copy{gap:5px}.app-header .brand-copy strong{font-size:22px;letter-spacing:.15em;font-weight:760}.app-header .brand-copy small{font-size:11px;letter-spacing:.025em;color:#b9cdc2}
 .app-header #shell-navigation{display:flex;align-items:center;gap:7px;justify-content:flex-end;min-width:0}
 .app-header #shell-navigation>a:not(.attention-nav),.app-header #shell-navigation>.nav-more:not(.nav-profile)>summary{display:flex;align-items:center;gap:10px;position:relative;min-height:56px;padding:9px 12px;border:1px solid transparent;border-radius:15px;color:#e1ece6;background:transparent;font-size:12px;transition:background .18s,border-color .18s,box-shadow .18s}
 .app-header #shell-navigation .nav-symbol{width:32px;height:32px;border:1px solid #d5e9dd16;background:#d5e9dd0a;border-radius:10px;color:#c2d4c8;transition:background .18s,color .18s}
 .app-header #shell-navigation .nav-symbol .ui-icon{width:18px;height:18px;stroke-width:1.65}
 .app-header #shell-navigation .nav-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.2;white-space:nowrap}
 .app-header #shell-navigation .nav-copy b{font-size:12px;font-weight:650;letter-spacing:-.01em}
 .app-header #shell-navigation .nav-copy small{display:block;font-size:9px;font-weight:400;letter-spacing:.01em;color:#a3bdb0;line-height:1.2}
 .app-header #shell-navigation>a:not(.attention-nav):hover,.app-header #shell-navigation>.nav-more:not(.nav-profile)>summary:hover{background:#ebf5e90b;border-color:#e4eedd1f}
 .app-header #shell-navigation>a[aria-current=page]:not(.attention-nav){background:linear-gradient(130deg,#f4e4b6,#ddbf7e);border-color:#f5e6bf80;color:#213f33;box-shadow:inset 0 1px 0 #fff8,0 5px 15px #091f251b}
 .app-header #shell-navigation>a[aria-current=page] .nav-symbol{border-color:#254b3612;background:#264b3610;color:#33543b}.app-header #shell-navigation>a[aria-current=page] .nav-copy small{color:#6f6a4b}
 .app-header #shell-navigation>.attention-nav{position:relative;display:flex;align-items:center;gap:9px;min-height:56px;padding:9px 12px;margin-left:7px;color:#e1ece6;border:1px solid #e3eedc1c;border-radius:15px;background:#d1e2d207;text-decoration:none}
 .app-header #shell-navigation>.attention-nav .nav-symbol{background:transparent;border:0;width:27px;color:#d9d3ac}.app-header #shell-navigation>.attention-nav .nav-symbol .ui-icon{width:21px;height:21px}.app-header #shell-navigation>.attention-nav:hover{background:#ffffff10;border-color:#dfc48b55}
 .app-header #shell-navigation>.attention-nav.has-attention{border-color:#dc8c7a60;background:#984c3a16}.app-header #shell-navigation>.attention-nav.has-attention .nav-symbol{color:#f0b7a6}.app-header #shell-navigation>.attention-nav .attention-badge{position:absolute;top:3px;right:3px;min-width:17px;height:17px;border:2px solid #193d32;border-radius:30px;padding:0 3px;line-height:13px;font-size:9px;color:white;background:#cf5a53}
 .app-header #shell-navigation>.nav-profile{margin-left:5px;padding-left:13px;border-left:1px solid #dbe8da26}.app-header #shell-navigation>.nav-profile>summary{display:flex;gap:10px;align-items:center;min-height:56px;padding:8px 11px;border:1px solid transparent;border-radius:15px;background:transparent}
 .app-header #shell-navigation>.nav-profile>summary:hover,.app-header #shell-navigation>.nav-profile[open]>summary{background:#ffffff0a;border-color:#e4eedd20}.app-header .profile-avatar{width:36px;height:36px;font-size:15px;background:linear-gradient(130deg,#f1deb0,#caab6a);color:#294b37;box-shadow:0 0 0 3px #e4c78110,inset 0 1px 1px #fff8}
 .app-header .profile-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.2;max-width:110px}.app-header .profile-copy b{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:650;white-space:nowrap;color:#f3f4e9}.app-header .profile-copy small{font-size:9px;color:#abc0ac}.app-header .profile-mobile-label{display:none}.app-header .nav-profile>summary:after{font-size:12px;margin-left:3px;color:#d9d8b4}
 .app-header .nav-menu{top:calc(100% + 13px);right:0;min-width:245px;background:#fffffc;padding:8px;border:1px solid #e5eadd;box-shadow:0 20px 55px #0b2c3433;border-radius:17px}.app-header .nav-menu a{font-size:12px;padding:12px 13px;color:#3b5e48;transition:background .15s}.app-header .nav-menu a:hover{background:#edf4e9}.app-header .nav-more:not(.nav-profile)>summary:after{margin-left:0;font-size:11px}
 .payroll-save-bar{top:110px}
}
@media(min-width:1401px) and (max-width:1600px){.app-header{gap:14px;padding-left:24px;padding-right:24px}.app-header .brand{min-width:185px;gap:10px}.app-header .brand-copy strong{font-size:20px}.app-header .brand-app-icon{width:47px;height:47px}.app-header #shell-navigation{gap:4px}.app-header #shell-navigation>a:not(.attention-nav),.app-header #shell-navigation>.nav-more:not(.nav-profile)>summary{gap:7px;padding:9px}.app-header #shell-navigation .nav-symbol{width:28px;height:30px}.app-header #shell-navigation>.attention-nav{padding:9px;margin-left:2px;gap:5px}.app-header #shell-navigation>.nav-profile{margin-left:3px;padding-left:8px}.app-header #shell-navigation>.nav-profile>summary{gap:7px;padding:8px}.app-header .profile-copy{max-width:83px}}
@media(max-width:1400px){.app-header #shell-navigation>a .nav-symbol,.app-header #shell-navigation>.nav-more:not(.nav-profile)>summary .nav-symbol{width:23px;height:23px;margin-right:9px;vertical-align:middle}.app-header #shell-navigation>a .nav-symbol .ui-icon,.app-header #shell-navigation>.nav-more:not(.nav-profile)>summary .nav-symbol .ui-icon{width:19px;height:19px}.app-header #shell-navigation .nav-copy{vertical-align:middle}.app-header #shell-navigation .profile-menu .nav-signout{display:flex!important}.app-header #shell-navigation .nav-profile>summary{display:flex;align-items:center}.app-header #shell-navigation .nav-profile>summary:after{margin-left:auto}}

/* Optional sections disappear entirely and remaining cards fill the available width. */
.overview-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.manager-steps{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.hero-actions:empty{display:none}
@media(max-width:700px){.overview-tiles{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}

.payroll-split{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.payroll-totals{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.single-pay-method{padding:12px 15px;background:#f0f5eb;border:1px solid #dde7d3;border-radius:10px;font-size:12px;font-weight:650;margin-bottom:12px}.manager-tool-links{display:flex;gap:10px;flex-wrap:wrap}

.owner-review-grid [hidden],.review-tools [hidden]{display:none!important}

/* Reserve the brand width; use the compact menu before desktop items can collide. */
.app-header>.brand{flex-shrink:0}
@media(min-width:1401px){.app-header #shell-navigation{flex:0 1 auto;margin-left:auto}.app-header #shell-navigation>a,.app-header #shell-navigation>details{flex-shrink:0}}