@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;450;500;550;600;650;700;750&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{color-scheme:light;--bg:#f1f5fa;--surface:#fff;--ink:#162a43;--muted:#54677d;--border:#d6e1ed;--accent:#0863a8;--active:#e3f2ff;--danger:#a82b44;--open:#ffe1e5;--paper:#fff;font:16px/1.5 system-ui,"Yu Gothic UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0 0 .75rem}h1{font-size:1.8rem}h2{font-size:1.16rem}h3{font-size:1rem}a{color:inherit}button,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:2.5rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface);cursor:pointer;text-decoration:none}button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);color:white;border-color:transparent;font-weight:700}.chosen{background:var(--active);border-color:var(--accent);font-weight:700}.muted,small{color:var(--muted)}small{display:block}.top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:.65rem clamp(.75rem,4vw,3rem);gap:.75rem;border-bottom:1px solid var(--border);background:var(--surface)}.brand,.actions,.toolbar,.tabs,.row{display:flex;align-items:center;gap:.65rem}.brand b{font-size:1.13rem}.brand-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.65rem;background:#0b65a3;color:white;font-size:1.25rem;font-weight:800}.actions button{font-size:.82rem}.workspace{max-width:1320px;margin:auto;padding:1.25rem clamp(.65rem,3vw,2rem) calc(7rem + env(safe-area-inset-bottom))}.toolbar,.tabs{flex-wrap:wrap;margin-bottom:1rem}.row{justify-content:space-between;margin-bottom:.8rem}.row h2{margin:0}.card{border:1px solid var(--border);background:var(--surface);border-radius:.95rem;padding:1rem;margin-bottom:.85rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.7rem;margin-bottom:.85rem}.grid.counts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}label{display:grid;gap:.28rem;font-weight:650;min-width:0}input,textarea,select{display:block;min-width:0;width:100%;min-height:2.55rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface)}input[type=color]{max-width:6rem}textarea{min-height:6rem;resize:vertical}fieldset{border:1px solid var(--border);border-radius:.65rem;margin:0 0 .7rem;padding:.65rem}.bottom{position:fixed;inset:auto 0 0;z-index:4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:.4rem max(.25rem,calc((100% - 54rem)/2)) calc(.4rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.bottom button{flex-direction:column;gap:0;border:0;font-size:.79rem;padding:.35rem .15rem}.bottom span{font-size:1.3rem;line-height:1.25}.bottom [aria-current]{color:var(--ink);background:var(--active);font-weight:800}.floating{position:fixed;bottom:calc(4.7rem + env(safe-area-inset-bottom));right:clamp(.75rem,5vw,4rem);z-index:2}.floating button{box-shadow:0 4px 18px #15364b38}.table-wrap{max-height:calc(100dvh - 17rem);min-height:10rem;overflow:auto;border:1px solid var(--border);border-radius:.7rem;background:var(--surface)}table{border-collapse:separate;border-spacing:0}.board{width:100%;table-layout:auto}.board th,.board td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:.38rem;text-align:center}.board th{min-width:8rem;background:var(--surface)}.board th[style],.board td[style]{background:color-mix(in srgb,var(--agency) 28%,var(--surface))}.board th:first-child[rowspan],.board tbody th{position:sticky;left:0;z-index:1;min-width:6.7rem}.board thead{position:sticky;top:0;z-index:2}.board tbody th.holiday{background:var(--open);color:var(--danger)}.board tbody th.saturday{background:var(--active)}.board td.line-continue[style]{border-top:0}.slot{margin:.15rem;padding:.2rem .36rem;display:inline-flex;flex-direction:column;gap:0;font-weight:700}.slot small{font-size:.68rem}.slot.unassigned{background:var(--open);color:var(--danger)}.agency-total{display:flex;justify-content:space-between;width:100%;min-height:4rem}.total{font-size:clamp(1.7rem,6vw,3rem);font-weight:800}.summary{background:var(--active)}.comparison{display:flex;gap:1rem;flex-wrap:wrap}.comparison p{margin:.4rem 0 0}.plus,.success{color:#1d8954}.minus,.error{color:var(--danger)}#notice:empty,#dialog-error:empty{display:none}.choice{display:flex;align-items:center;gap:.65rem}.choice input{width:1.1rem;min-height:1.1rem;flex-shrink:0}.badge{margin-left:auto;font-size:.8rem}.staff-list{max-height:45vh;overflow:auto}.staff-list div{display:flex;justify-content:space-between;gap:.5rem;padding:.45rem;border-bottom:1px solid var(--border)}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:.95rem;padding:1rem;width:min(92vw,36rem);max-height:82dvh}dialog::backdrop{background:#0a1b35a0}dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}dialog h2{margin:0}dialog form{display:grid;gap:.65rem}.sales-list li{padding:.4rem 0}.paper-scroll{overflow:auto}.login{min-height:100dvh;display:grid;place-items:center;padding:1rem;background:linear-gradient(145deg,#e2f2ff,#f1f5fa 50%,#e6f5ef)}.login-card{width:min(100%,440px);padding:clamp(1.2rem,5vw,2rem);box-shadow:0 12px 48px #22465c18;margin:0}.login-card img{display:block;width:9rem;margin-bottom:1rem}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em}.login-card form{display:grid;gap:.8rem}.password{display:flex;gap:.45rem}.password button{flex-shrink:0}.text-link{border:0;color:var(--accent);background:transparent;padding-inline:0;margin-top:.4rem}.loading{text-align:center;padding:3rem}.settings-tabs{margin-bottom:1rem}@media(max-width:520px){input,select,textarea{font-size:max(16px,1rem)}.top .brand small{display:none}.brand-icon{display:none}.actions{gap:.3rem}.actions button{padding-inline:.45rem}.workspace{padding-top:.85rem}.table-wrap{max-height:calc(100dvh - 16rem)}.card{padding:.75rem}}
/* Shift management's navy, gold and weekend color palette. */
:root{--ink:#203652;--muted:#596a81;--navy:#092d58;--gold:#c49a3b;--border:#e4e9f1;--bg:#f5f7fb;--accent:var(--navy);--active:#edf2f9;font-weight:550}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.brand-logo{width:4.5rem;max-height:2.35rem;object-fit:contain}.brand small{font-size:.57rem;letter-spacing:.11em}.bottom svg{width:1.3rem;height:1.3rem;margin-bottom:.1rem}.bottom [aria-current]{box-shadow:inset 0 -2px var(--gold)}.card{border-radius:.7rem;box-shadow:0 1px 2px #18324d08}.login{background:#f5f7fb}.login-card{border-top:3px solid var(--gold);box-shadow:0 8px 32px #092d5812}.eyebrow{color:#86651e}.login-card form .primary{margin-top:.25rem}.board tbody th.saturday{background:#efefff;color:#5961a0}.board tbody th.holiday{background:#fff0f2;color:#a4424c}
@media(max-width:520px){.brand-logo{width:3rem}.brand b{font-size:1rem}.top .brand{gap:.3rem}}
/* Syusei Shift uses Manrope, Noto Sans JP, and this navigation treatment. */
:root{font-family:Manrope,"Noto Sans JP",sans-serif;font-size:13px;font-weight:550}
button{font-weight:650}
label{font-weight:600}
.card{border-radius:11px}
.primary{border-radius:7px;font-weight:650}
.top{min-height:51px}
.bottom{gap:4px;padding-top:3px;padding-bottom:calc(3px + max(12px,env(safe-area-inset-bottom)));padding-inline:max(6px,calc((100% - 54rem)/2))}
.bottom button{min-width:0;min-height:60px;margin:0;border-radius:12px;padding:8px 2px;gap:4px;white-space:nowrap;font-size:10px;font-weight:700;color:var(--muted);background:transparent}
.bottom button:hover:not([aria-current]){background:var(--active)}
.bottom svg{width:19px;height:19px;margin:0}
.bottom [aria-current]{box-shadow:inset 0 3px 0 var(--gold),0 2px 8px #092d5815;color:var(--ink);background:var(--active);font-weight:750}
.floating{bottom:calc(78px + max(12px,env(safe-area-inset-bottom)))}
.login-card{padding:34px;border-top:1px solid var(--border)}
.login-card img{width:130px;height:100px;object-fit:contain;margin:0 auto 24px}
.login-card h1{font-size:22px;margin:12px 0}
.login-card .eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700}
.paper-scroll>select{max-width:11rem;margin-bottom:10px}
.document-page{display:block;width:210.23mm;height:auto;margin:auto;border:1px solid var(--border);background:#fff}
@media(max-width:560px){.login-card{padding:25px 22px}.login-card img{width:115px;height:88px;margin-bottom:18px}.bottom button{font-size:9px}.workspace{padding-bottom:calc(96px + max(12px,env(safe-area-inset-bottom)))}}
/* Appearance settings follow the Shift screen and its color transition. */
:root{--content-text-scale:1;--line:var(--border)}
:root[data-text-size=smallest]{--content-text-scale:.88}
:root[data-text-size=medium]{--content-text-scale:1.12}
:root[data-text-size=large]{--content-text-scale:1.24}
.profile-appearance{border-top:1px solid var(--line);margin-top:24px;padding-top:2px}
.profile-appearance p{color:var(--muted);font-size:calc(11px * var(--content-text-scale));margin-top:10px}
.text-size-setting + button{margin-top:14px}
.workspace :is(p:not(.text-size-preview):not(.text-size-help):not(.profile-appearance p),.staff-list b,.agency-total b){font-size:calc(13px * var(--content-text-scale))}
:root[data-theme=dark]{color-scheme:dark;background:#000;--bg:#000;--surface:#101010;--surface-raised:#1b1b1b;--ink:#edf0f5;--muted:#a7b2c2;--navy:#b5d1f4;--gold:#d7b365;--border:#343c48;--field:#080808;--accent:#477bb8;--active:#2c3b50;--danger:#ffabb5;--open:#462b33}
:root[data-theme=dark] :is(.top,.bottom,.login){background:#000}
:root[data-theme=dark] dialog{background:var(--surface-raised);border-color:#485363}
:root[data-theme=dark] dialog::backdrop{background:rgba(0,0,0,.62)}
:root[data-theme=dark] :is(input,select,textarea){background:var(--field);border-color:#465262}
:root[data-theme=dark] .primary{border-color:#729fd3}
:root[data-theme=dark] .primary:hover:not(:disabled){background:#568bc9}
:root[data-theme=dark] button:not(.primary):not(.slot):not([aria-current]){color:#cbd8eb}
:root[data-theme=dark] :is(.brand-logo,.login-card img){filter:brightness(0) invert(.94)}
:root[data-theme=dark] .eyebrow{color:#d7b365}
:root[data-theme=dark] .board tbody th.saturday{background:#25273b;color:#c5bffa}
:root[data-theme=dark] .board tbody th.holiday{background:#302229;color:#ffabb5}
:root[data-theme=dark] .text-size-choices button.selected{background:#304760;border-color:#a0bde1;color:#f1f6fd}
:root[data-theme=dark] .text-size-preview{background:#202731}
@property --ink{syntax:"<color>";inherits:true;initial-value:#232f3e}
@property --muted{syntax:"<color>";inherits:true;initial-value:#858b92}
:root[data-theme-transition=colors]{transition:--ink 580ms ease-in-out,--muted 580ms ease-in-out,background-color 580ms ease-in-out}
:root[data-theme-transition=colors] :is(body,.top,.bottom,.login,.card,dialog,input,select,textarea,button,p,span,strong,small,label,fieldset,legend,th,td,svg){transition:background-color 580ms ease-in-out,border-color 580ms ease-in-out,fill 580ms ease-in-out,stroke 580ms ease-in-out}
:root[data-theme-transition=colors] button{transition:background-color 580ms ease-in-out,border-color 580ms ease-in-out,color 580ms ease-in-out}
@media(prefers-reduced-motion:reduce){:root[data-theme-transition=colors],:root[data-theme-transition=colors] *{transition:none!important}}

/* Compact board dimensions keep several agencies visible side by side. */
.board{width:max-content;table-layout:fixed}
.table-wrap{width:fit-content;max-width:100%}
.board th,.board td{min-width:0;width:88px;max-width:118px;padding:3px}
.board th[scope=colgroup]{width:auto;max-width:none;font-size:11px}
.board th[scope=col]{font-size:calc(11px * var(--content-text-scale));line-height:1.25;overflow-wrap:anywhere}
.board th[scope=col] small{font-size:9px;line-height:1.2;margin-top:2px}
.board th:first-child[rowspan],.board tbody th{min-width:62px;width:62px;max-width:62px;font-size:10px;white-space:nowrap}
.board tbody th small{font-size:8px;white-space:normal;line-height:1.2}
.board .slot{min-height:23px;max-width:100%;margin:1px;padding:1px 4px;gap:0;font-size:calc(10px * var(--content-text-scale));line-height:1.15}
.board .slot small{font-size:8px;line-height:1.15}
@media(max-width:560px){.board th,.board td{width:77px}.board th:first-child[rowspan],.board tbody th{width:58px;min-width:58px;max-width:58px}}
.text-size-setting{margin:24px 0 0;padding:22px 0 0;border:0;border-top:1px solid var(--line)}.text-size-setting legend{float:left;width:100%;font-size:12px;font-weight:700;margin-bottom:10px}.text-size-choices{clear:both;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.text-size-choices button{min-height:48px;border:1px solid #cbd5e2;border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:2px}.text-size-choices button small{font-size:9px}.text-size-choices .selected{background:#eaf0f8;border-color:#3e648f;color:#143e70}.text-size-preview{padding:18px 12px;border:1px solid var(--line);border-radius:9px;margin-top:14px;text-align:center;font-size:calc(13px * var(--content-text-scale,1));line-height:1.8}.text-size-help{font-size:10px!important;color:var(--muted);margin-top:10px}
.event-board{--event-staff-width:65px;--event-date-width:62px}
.event-board col{width:var(--event-staff-width)}
.event-board .event-date-col{width:var(--event-date-width)}
.event-board th,.event-board td{width:auto;max-width:none;padding:0}
.event-board thead th:first-child,.event-board tbody .event-date{position:sticky;left:0;min-width:var(--event-date-width);width:var(--event-date-width);max-width:var(--event-date-width);border-right:2px solid var(--navy)}
.event-board thead th:first-child{z-index:2}
.event-board .event-agency{background:color-mix(in srgb,var(--agency) 60%,var(--surface));height:25px;border-bottom:2px solid var(--navy)}
.event-board .event-agency+.event-agency,.event-board .agency-start{border-left:1px solid var(--navy)}
.event-board .event-sites td{height:21px}
.event-board .event-site{height:21px;font-size:calc(11px * var(--content-text-scale));font-weight:650;position:relative}
.event-board .event-site span{position:absolute;inset:0 3px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}
.event-board .event-staff-row td,.event-board .event-date{height:25px;border-bottom-color:var(--muted)}
.event-board .event-staff .slot{display:flex;flex-direction:row;justify-content:center;width:100%;min-width:0;min-height:24px;margin:0;padding:2px;border:0;border-radius:0;white-space:nowrap;overflow:hidden}
.event-board .event-staff .assigned{background:transparent}
.event-board .event-staff .slot:hover{box-shadow:inset 0 0 0 1px var(--accent)}
.event-board .event-staff .slot:focus-visible{outline-offset:-2px}
@media(max-width:560px){.event-board{--event-staff-width:54px;--event-date-width:58px}}
/* Navigation, month controls and agency editor follow the Shift app's markup and measurements. */
.secondary{border:1px solid #dbe0e6;border-radius:7px;padding:11px 15px;font-size:11px}
.bottom,.settings-nav{isolation:isolate}
.bottom{height:calc(66px + max(12px,env(safe-area-inset-bottom)));padding-top:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.bottom button{position:relative;z-index:1;margin:3px 0;min-height:0;height:60px}
.bottom [aria-current],.bottom [aria-current]:hover{background:transparent;box-shadow:none;color:var(--navy)}
.menu-highlight{position:absolute;left:0;top:0;pointer-events:none;z-index:0;border-radius:12px;overflow:hidden;background:#edf2f9;box-shadow:0 2px 8px #092d5815;opacity:0}
.menu-highlight::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--gold)}
.menu-highlight[data-ready=true]{transition:transform .28s cubic-bezier(.2,.7,.25,1),width .28s ease,height .28s ease}
.settings-layout{display:grid;grid-template-columns:180px minmax(0,780px);gap:24px;align-items:start}
.settings-navigation{min-width:0}
.settings-nav{position:relative;display:flex;flex-direction:column;gap:7px;scrollbar-width:none}
.settings-nav::-webkit-scrollbar{display:none}
.settings-nav button{position:relative;z-index:1;flex-shrink:0;justify-content:flex-start;border:0;padding:14px;font-size:11px;font-weight:600;color:#818c9a;background:transparent;border-radius:7px;white-space:nowrap}
.settings-nav button[aria-current]{color:var(--navy)}
.settings-nav .menu-highlight{border-radius:10px}
.settings-card{padding:30px}
.settings-card>p{font-size:calc(11px * var(--content-text-scale));color:#8e97a2;margin:12px 0 25px}
.settings-card h3{margin:26px 0 15px}
.settings-card form>.primary{margin-top:25px}
.settings-card .profile-appearance+button{margin-top:12px}
.month-control{display:flex;align-items:center;gap:8px;white-space:nowrap}
.month-control button{padding:5px;border:0;background:transparent;color:#899098}
.month-control button svg{width:18px;height:18px}
.month-control strong{display:block;font-size:20px;letter-spacing:.5px;font-weight:750;min-width:98px;text-align:center}
.month-control strong span{font-size:12px;font-weight:500;letter-spacing:0;margin-left:2px}
.month-control .month-choose{color:var(--ink);border-radius:6px;padding:3px 4px}
.month-control .month-choose:hover{background:#edf2f9}
.month-control .thismonth{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;margin-left:5px;background:#edf2f9;border:1px solid #c5d2e3;border-radius:5px;color:var(--navy);font-size:11px;font-weight:750;white-space:nowrap}
.month-control .thismonth svg{width:15px;height:15px}
.month-control .thismonth:hover{background:#dfe8f5}
.year-month-dialog.confirm-card{padding:26px;width:min(calc(100% - 32px),440px);max-height:90dvh;border:1px solid var(--line);border-radius:12px;color:var(--ink);box-shadow:0 20px 70px #092d5833}
.year-month-dialog::backdrop{background:#092d5866}
.year-month-dialog h3{margin:0 0 18px}
.year-month-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.year-month-fields label{margin-top:0}
.year-month-dialog .confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
.year-month-dialog .primary,.year-month-dialog .secondary{padding:11px 15px}
.agency-editor{padding:18px;border:1px solid var(--line);border-radius:8px;margin:18px 0;background:#fff}
.agency-editor.agency-editor-tinted{background:#f2f5fa;border-color:#d6e0ed}
.agency-editor>summary{list-style:none}
.agency-editor>summary::-webkit-details-marker{display:none}
.agency-fold-heading{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:38px;user-select:none}
.agency-fold-heading:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:3px}
.agency-fold-name{font-size:14px;font-weight:750;overflow-wrap:anywhere;flex:1;min-width:0;color:var(--navy)}
.agency-fold-count{font-size:10px;color:#66788f;white-space:nowrap}
.agency-fold-heading>svg{width:18px;height:18px;flex-shrink:0;color:#66788f;transition:transform .18s}
.agency-editor[open]>.agency-fold-heading>svg{transform:rotate(90deg)}
.agency-fold-content{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}
.agency-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.agency-title input[type=color]{width:38px;height:38px;padding:3px;flex-shrink:0}
.agency-title>input:not([type=color]){font-size:12px;font-weight:600}
.agency-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.agency-fields label{font-size:10px;font-weight:700}
.agency-fields textarea{min-height:calc(100px + 1.9em);resize:vertical;font-size:11px;line-height:1.9}
.agency-fields .agency-field-store{color:#674f88}
.agency-fields .agency-field-event{color:#376b88}
.agency-fields .agency-field-store textarea{background:#f0e9fb;border-color:#b9a0dc;color:#4e3c69}
.agency-fields .agency-field-event textarea{background:#e6f4fc;border-color:#8cbdd8;color:#29536d}
:root[data-theme=dark] .menu-highlight{background:#2c3b50;box-shadow:0 2px 10px #0003}
:root[data-theme=dark] :is(.bottom,.settings-nav) button[aria-current]{color:#f0f5ff}
:root[data-theme=dark] .secondary,:root[data-theme=dark] .month-control .thismonth{background:#29313d;color:#dbe6f5;border-color:#4b596e}
:root[data-theme=dark] .month-control .month-choose:hover{background:#29313d}
:root[data-theme=dark] .settings-card>p{color:var(--muted)}
:root[data-theme=dark] .agency-editor{background:#20262f;color:var(--ink)}
:root[data-theme=dark] .agency-editor.agency-editor-tinted{background:#29313d}
:root[data-theme=dark] .agency-fold-count{color:var(--muted)}
:root[data-theme=dark] .agency-fields .agency-field-store{color:#ddcdf6}
:root[data-theme=dark] .agency-fields .agency-field-event{color:#b7def2}
:root[data-theme=dark] .agency-fields .agency-field-store textarea{background:#352b49;border-color:#58677d;color:var(--ink)}
:root[data-theme=dark] .agency-fields .agency-field-event textarea{background:#223a49;border-color:#58677d;color:var(--ink)}
@media(max-width:1150px){.settings-layout{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr;gap:18px}.settings-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:3px 2px 7px;gap:0}.settings-nav button{font-size:12px;padding:13px 12px}.settings-card{padding:22px}.agency-fields textarea{font-size:16px}}
@media(max-width:560px){.settings-card{padding:20px 16px}.agency-editor{padding:12px}.agency-fields{grid-template-columns:1fr;gap:10px}.agency-fold-heading{flex-wrap:wrap;gap:6px}.agency-fold-name{flex-basis:calc(100% - 25px);order:0}.agency-fold-heading>svg{order:1}.agency-fold-count{order:2;flex-basis:100%}.month-control{gap:4px}.month-control>button:not(.month-choose):not(.thismonth){padding:3px}.month-control .month-choose{padding:3px 0}.month-control .month-choose strong{min-width:0;font-size:17px}.month-control .thismonth{font-size:9px;padding:7px 6px;margin-left:0}.year-month-dialog.confirm-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.menu-highlight[data-ready=true],.agency-fold-heading>svg{transition:none}}
.topbar{height:73px;padding:0 38px;background:#ffffffb3}
.workspace{padding:34px 38px calc(95px + env(safe-area-inset-bottom))}
.page-heading{margin-bottom:24px}
.page-heading .eyebrow{display:block;margin:0 0 8px;font-size:9px;font-weight:650;letter-spacing:1.6px;color:var(--muted)}
.page-heading h1{font-size:27px;font-weight:700;line-height:1.45;margin:0}
.page-heading .page-description{margin:6px 0 0;color:var(--muted)}
.primary{padding:13px 19px;font-size:11px;font-weight:650;gap:10px}
.year-month-fields select{font-size:12px;font-weight:400;padding:12px;border-radius:7px}
.settings-nav{padding:3px 2px}
.settings-scroll-arrow{display:none}
.settings-scroll-arrow svg{width:17px;height:17px}
@media(max-width:1150px){.topbar{padding:0 24px}.workspace{padding-inline:24px}}
@media(max-width:850px){.topbar{height:60px}.settings-nav{padding:3px 2px 7px}.settings-menu-strip{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px}.settings-menu-strip:is(.more-left,.more-right){grid-template-columns:24px minmax(0,1fr) 24px}.settings-menu-strip:is(.more-left,.more-right) .settings-scroll-arrow{display:grid;place-items:center;min-height:28px;padding:0;border-radius:7px}.settings-menu-strip.more-left .settings-nav{mask-image:linear-gradient(to right,transparent,black 18px,black)}.settings-menu-strip.more-right .settings-nav{mask-image:linear-gradient(to right,black,black calc(100% - 18px),transparent)}.settings-menu-strip.more-left.more-right .settings-nav{mask-image:linear-gradient(to right,transparent,black 18px,black calc(100% - 18px),transparent)}}
@media(max-width:560px){.topbar{height:calc(51px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 19px 0;background:var(--surface)}.workspace{padding:20px 14px calc(96px + max(12px,env(safe-area-inset-bottom)))}.page-heading{margin-bottom:18px}.page-heading h1{font-size:24px}.year-month-fields select{font-size:16px}}
/* Match the Shift mobile sidebar's five columns and safe-area spacing. */
:root{--bottom-safe-area:max(12px,env(safe-area-inset-bottom))}
.sidebar.bottom{display:block;inset:auto 0 0;width:auto;max-width:100%;height:calc(66px + var(--bottom-safe-area));padding:0 0 var(--bottom-safe-area);overflow:hidden;contain:layout style;isolation:isolate;transform:translateZ(0);backface-visibility:hidden}
.sidebar.bottom nav{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:66px;width:100%;max-width:54rem;min-width:0;margin:0 auto;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;isolation:isolate}
.sidebar.bottom nav button{min-width:0;width:auto;max-width:100%;padding:8px 2px;margin:3px 2px;flex:none;justify-content:center;overflow:hidden;height:auto;line-height:1.5}
.sidebar.bottom .nav-menu-icon{display:grid;place-items:center;line-height:1}
.sidebar.bottom nav .menu-highlight{max-width:100%;will-change:transform}
.workspace{padding-bottom:calc(88px + var(--bottom-safe-area))}
.settings-scroll-hint{display:none}
.catalog-save-controls{margin-top:18px}
.catalog-save-dock{position:fixed;right:24px;bottom:calc(76px + var(--bottom-safe-area));z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid #ddc98c;border-radius:12px;background:var(--surface);box-shadow:0 6px 28px #092d5833}
.catalog-save-dock>span{font-size:12px;color:#8a6c2d}
.catalog-save-dock .primary{white-space:nowrap;font-size:12px}
.catalog-save-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:14px;padding:24px;width:calc(100% - 32px);max-width:500px;max-height:calc(100dvh - 32px);overflow:auto;color:var(--ink);background:var(--surface);box-shadow:0 18px 60px #092d5833}
.catalog-save-dialog::backdrop{background:#092d5866}
.catalog-save-dialog h2{font-size:19px;line-height:1.6;letter-spacing:0}
.catalog-save-dialog>p{font-size:12px;line-height:1.9;margin:14px 0;color:var(--muted)}
.catalog-save-dialog>footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}
.discard-navigation{color:#a4453e;font-size:12px;padding:10px}
:root[data-theme=dark] .catalog-save-dock>span{color:#d7b365}
@media(max-width:850px){.settings-scroll-hint{display:block;font-size:10px;font-weight:550;color:#73859d;margin:5px 28px 0}}
@media(max-width:560px){.sidebar.bottom nav{max-width:none}.sidebar.bottom nav button{font-size:9px}.catalog-save-dock{left:14px;right:14px;max-width:none;padding:10px 12px;gap:8px}.catalog-save-dock>span{font-size:11px}.catalog-save-dialog{padding:20px 16px}.catalog-save-dialog h2{font-size:17px}.catalog-save-dialog>footer{justify-content:stretch}.catalog-save-dialog>footer button{flex:1 1 auto}}