:root{color-scheme:dark;--bg:#151412;--panel:#211f1c;--panel-raised:#292620;--text:#f2ede4;--muted:#a49c90;--line:#39342d;--accent:#f0b75b;--accent-ink:#2d2110;--good:#92c9a5;--danger:#ed9c91;--viewport-height:100dvh;--viewport-top:0px;--visual-height:var(--viewport-height);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}body{overscroll-behavior:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{min-height:42px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#302b24;padding:10px 15px;font-weight:600}button:hover:not(:disabled){background:#3a3227;border-color:#6e5d42}button.primary,.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}button.primary:hover:not(:disabled){background:#ffc771;color:var(--accent-ink)}button.quiet,.quiet{background:transparent;color:var(--muted);border-color:transparent;font-weight:500}.quiet:hover{color:var(--text)}a{color:var(--accent);text-decoration:none}input,textarea,select{background:#191714;color:var(--text);border:1px solid #4b443a;border-radius:9px;min-height:44px;padding:11px 12px;min-width:0;max-width:100%;box-shadow:none}input[type=checkbox]{min-height:20px;width:20px;accent-color:var(--accent)}textarea{resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:#8a8174}select{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.18;font-weight:650}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.55}small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}
.workspace{position:fixed;inset-inline:0;top:var(--viewport-top);height:var(--viewport-height);display:grid;grid-template-columns:208px minmax(0,1fr);overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#1b1916;display:flex;flex-direction:column;padding:30px 15px 18px;min-height:0}.brand{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center;margin:0 13px 42px;color:var(--text);font-size:23px;font-weight:750;letter-spacing:-1px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:#282016;font-size:27px;font-weight:800;letter-spacing:-2px}.brand .brand-mark{grid-row:span 2}.edition{font-size:9px;text-transform:uppercase;letter-spacing:2.5px;color:var(--muted);font-weight:500}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;min-height:49px;border:1px solid transparent;background:transparent;text-align:left;font-weight:500;color:var(--muted);padding:12px 16px}.nav-item svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-item.active{background:#3a2e1f;color:#ffd48e;border-color:#70512b}.nav-badge{border-radius:7px;background:var(--accent);color:#302315;font-size:11px;min-width:20px;padding:1px 5px;text-align:center;margin-left:auto}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:8px}.sidebar-bottom .quiet{font-size:12px;text-align:left;padding:8px 10px}.workspace-body{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:76px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 32px;background:#191714}.salon-choice{display:flex;gap:12px;align-items:center;min-width:0}.salon-symbol{width:34px;height:34px;display:grid;place-items:center;font-size:23px;background:#29241d;border-radius:10px;color:var(--accent)}.salon-choice select{border:0;background:transparent;padding-left:0;font-weight:600;max-width:300px}.topbar-right{display:flex;align-items:center;gap:14px}.operator-button{background:transparent;border-color:var(--line);padding:7px 14px;min-height:38px;font-size:12px}.mode-indicator{font-size:11px;color:var(--accent);border:1px solid #57412a;border-radius:20px;padding:5px 9px;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:27px 32px 23px;gap:20px;flex-shrink:0}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:6px}.view{min-height:0;min-width:0;flex:1;padding:0 32px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b4236 transparent}.view-chats{display:flex;flex-direction:column;overflow:hidden}.loading-state,.empty-state{display:grid;place-content:center;gap:15px;padding:36px;min-height:260px;text-align:center;color:var(--muted)}.empty-state h2{color:var(--text)}
.w-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.w-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.w-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.w-stack{display:flex;flex-direction:column;gap:18px}.w-field{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;min-width:0}.w-field>input,.w-field>textarea,.w-field>select{width:100%;font-size:14px;color:var(--text)}.w-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.w-form-grid .full{grid-column:1/-1}.w-muted{color:var(--muted)}.w-error{color:var(--danger);white-space:pre-wrap;font-size:13px}.w-error:empty{display:none}.w-tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:11px;white-space:nowrap;color:var(--muted)}.w-tag.good{border-color:#355c43;color:var(--good);background:#1d2c22}.w-tag.amber{border-color:#70512b;color:var(--accent)}.w-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px;flex-wrap:wrap}.w-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);font-weight:500}.w-tabs button.active{color:var(--accent);background:#352a1d;border-color:#634b2e}.w-section-head{margin-bottom:18px}.w-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.w-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#3c3020;color:#edc58a;font-size:16px;flex-shrink:0}.w-divider{height:1px;background:var(--line);margin:16px 0}.w-text-preview{white-space:pre-wrap;color:#d3ccbf;font-size:13px;line-height:1.6}.w-table{width:100%;border-collapse:collapse;text-align:left}.w-table th{font-size:11px;color:var(--muted);font-weight:500}.w-table th,.w-table td{padding:13px 12px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.w-table tr:last-child td{border-bottom:none}.w-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.w-metric-value{font-size:29px;letter-spacing:-.7px;margin-top:12px}.w-stat-label{font-size:12px;color:var(--muted)}.w-link-button{border:0;background:none;padding:0;color:var(--accent);font-size:12px;text-align:left;min-height:36px}.icon-button{font-size:22px;width:42px;min-width:42px;padding:0;background:transparent}.notices{position:fixed;bottom:25px;right:25px;display:flex;flex-direction:column;gap:8px;z-index:10000;pointer-events:none;max-width:min(380px,calc(100vw - 28px))}.notice{padding:14px 18px;border:1px solid #4c5c46;border-radius:12px;box-shadow:0 10px 30px #0006;background:#293125;color:#e4f0df;font-size:13px}.notice.error{background:#3b2521;border-color:#77534b;color:#ffcbc0}
dialog{color:var(--text);background:var(--panel);border:1px solid #62513b;border-radius:20px;box-shadow:0 35px 100px #000b;max-width:calc(100vw - 28px);max-height:calc(var(--viewport-height) - 36px);padding:0;overscroll-behavior:contain}dialog::backdrop{background:#090806bb;backdrop-filter:blur(5px)}.w-dialog{width:620px;overflow:hidden}.w-dialog[open]{display:flex;flex-direction:column}.w-dialog-header{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);flex-shrink:0}.w-dialog-body{padding:24px;overflow:auto;min-height:0;overscroll-behavior:contain}.w-dialog-footer{padding:16px 24px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.w-dialog-footer:empty{display:none}.login-dialog{width:400px;padding:32px}.login-dialog form{display:flex;flex-direction:column;gap:22px}.login-dialog h1{font-size:27px}.shift-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px}.shift-day{padding:17px 14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;min-height:210px}.shift-day.today{border-color:#987044}.shift-day header{margin-bottom:20px}.shift-day h3{font-size:23px;font-weight:500}.shift-day .w-muted{font-size:11px}.shift-name{display:block;padding:8px 0;border-top:1px solid var(--line);font-size:13px}.shift-day>button{margin-top:12px;width:100%;font-size:12px}.shift-check{display:flex;gap:12px;align-items:center;min-height:50px;border-bottom:1px solid var(--line)}.staff-card .w-between{margin-bottom:15px}.staff-card p{margin:12px 0;color:var(--muted);font-size:13px}.staff-card footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-grid img{width:100%;height:115px;object-fit:cover;border-radius:10px}.photo-upload{border:1px dashed #68543a;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.photo-upload input{width:100%;font-size:12px}.service-prices{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.service-price{padding:7px 10px;background:#171512;border-radius:7px;color:var(--text);font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reply-workbench{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.reply-list{display:flex;flex-direction:column;gap:5px}.reply-list button{text-align:left;background:transparent;border-color:transparent;font-weight:500;color:var(--muted)}.reply-list button.active{background:#392f20;color:var(--accent);border-color:#634b2e}.reply-editor textarea{min-height:230px}.reply-languages{display:flex;gap:6px;flex-wrap:wrap}.reply-languages button{padding:7px 12px;min-height:36px;font-size:12px}.reply-languages button.active{border-color:var(--accent);color:var(--accent)}.mobile-only{display:none}
@media(min-width:1600px){.workspace{grid-template-columns:232px minmax(0,1fr)}.topbar,.page-heading{padding-left:40px;padding-right:40px}.view{padding-left:40px;padding-right:40px}}
@media(max-width:1100px){.workspace{grid-template-columns:174px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{margin-inline:9px;font-size:21px}.nav-item{padding-inline:12px}.topbar{padding-inline:22px}.page-heading{padding:24px 22px 20px}.view{padding:0 22px 20px}.shift-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.w-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{font-size:14px}.workspace{display:flex;flex-direction:column-reverse;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.workspace-body{flex:1}.sidebar{border-right:0;border-top:1px solid var(--line);padding:6px 8px 4px;background:#1c1915;flex-shrink:0}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.nav-item{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:6px 2px;font-size:10px;border:0;border-radius:9px}.nav-item svg{width:21px;height:21px}.nav-item.active{border:0}.nav-badge{position:absolute;top:0;right:10px;min-width:16px;font-size:9px}.topbar{height:59px;padding:0 16px;gap:8px}.salon-symbol{display:none}.salon-choice{max-width:calc(100% - 118px)}.salon-choice select{width:100%;font-size:13px;min-height:38px}.topbar-right{gap:8px}.operator-button{min-height:35px;font-size:11px;padding:6px 10px;max-width:94px;overflow:hidden;text-overflow:ellipsis}.mode-indicator{position:fixed;bottom:68px;right:15px;z-index:20;font-size:9px;background:#211b12;pointer-events:none}.page-heading{padding:18px 16px 16px;gap:10px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:9px;letter-spacing:1px}.page-heading .primary{font-size:12px;padding:9px 13px;min-height:39px}.view{padding:0 12px 16px}.w-card{padding:17px;border-radius:13px}.w-grid,.settings-grid{grid-template-columns:1fr}.w-tabs{gap:3px;padding-bottom:12px;margin-bottom:16px}.w-tabs button{font-size:12px;padding:9px 12px}.w-form-grid{gap:13px}.w-field>input,.w-field>textarea,.w-field>select,input,select,textarea{font-size:16px!important}.w-dialog{margin:auto auto 0;max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:calc(var(--viewport-height) - 8px)}.w-dialog-header{padding:14px 18px}.w-dialog-body{padding:18px}.w-dialog-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.w-dialog-footer button{flex:1}.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-day{min-height:160px}.reply-workbench{grid-template-columns:1fr}.reply-list{display:none}.mobile-only{display:block}.reply-editor textarea{min-height:190px}.w-metric-value{font-size:25px}.notices{bottom:85px;right:14px}.keyboard-open .sidebar,.keyboard-open .mode-indicator,.keyboard-open .page-heading{display:none}.keyboard-open .topbar{height:43px}.keyboard-open .notices{bottom:12px}.keyboard-open .w-dialog{max-height:calc(var(--viewport-height) - 8px)}.keyboard-open .w-dialog-footer{padding-bottom:12px}.keyboard-open .w-dialog-header{padding-block:8px}.keyboard-open .w-dialog-body{padding-block:12px}.keyboard-open .view{padding-bottom:6px}}
@media(max-width:360px){.w-form-grid{grid-template-columns:1fr}.topbar{padding-inline:12px}.operator-button{max-width:70px}.page-heading h1{font-size:24px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .12s ease,border-color .12s ease}.notice{animation:appear .16s ease-out}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}

.view-host{min-height:0;min-width:0;width:100%}.view-chats>.view-host{display:flex;flex-direction:column;flex:1;overflow:hidden}

@media(max-width:760px){.workspace:has(.wc-chat-open) .page-heading{display:none}.workspace:has(.wc-chat-open) .view-chats{padding-top:8px}}

/* Shift planner: one stable staff row, seven days, direct assignment. */
.view-shifts{display:flex;flex-direction:column;overflow:hidden}.view-shifts>.view-host{display:flex;flex-direction:column;flex:1;min-height:0}.ws-planner{display:flex;flex-direction:column;flex:1;gap:14px;min-width:0;min-height:0}.ws-toolbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ws-week-nav,.ws-date-nav{display:flex;align-items:center;gap:10px}.ws-range{min-width:162px;text-align:center;font-size:16px;font-weight:600}.ws-date-nav input{width:150px}.ws-save-status{flex-shrink:0;min-height:20px;font-size:12px;color:var(--good)}.ws-matrix-scroll{width:100%;flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#61513c #211f1c;isolation:isolate}.ws-matrix{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:820px;font-variant-numeric:tabular-nums}.ws-matrix th,.ws-matrix td{padding:0;text-align:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.ws-matrix tr:last-child th,.ws-matrix tr:last-child td{border-bottom:0}.ws-matrix tr>:last-child{border-right:0}.ws-matrix thead th{position:sticky;top:0;z-index:3;background:#25211c}.ws-matrix .ws-staff-heading,.ws-matrix .ws-staff-cell{position:sticky;left:0;width:190px;min-width:190px;text-align:left;background:var(--panel);z-index:2;box-shadow:3px 0 10px #0002}.ws-matrix .ws-staff-heading{z-index:4;padding:20px;color:var(--muted);font-weight:500;font-size:12px;background:#25211c}.ws-staff-link{display:flex;align-items:center;gap:10px;width:100%;padding:15px 16px;border:0;border-radius:0;background:transparent;text-align:left;min-height:92px}.ws-staff-link>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.ws-staff-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ws-staff-link small{font-size:11px;font-weight:400}.ws-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#f2ce8d;background:#3b3021;font-size:13px;flex-shrink:0}.ws-profile-arrow{color:var(--muted);margin-left:auto;font-weight:400}.ws-day-heading{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:13px 4px;border:0;border-radius:0;background:transparent;min-height:96px}.ws-day-heading strong{font-size:24px;line-height:1.2}.ws-weekday{font-size:11px;color:var(--muted);font-weight:500;text-transform:capitalize}.ws-day-count{font-size:10px;font-weight:400;color:var(--muted)}.ws-matrix .ws-today{background:#342a1d}.ws-matrix thead .ws-today{background:#3a2e1e;box-shadow:inset 0 3px var(--accent)}.ws-today .ws-weekday,.ws-today .ws-day-heading strong{color:var(--accent)}.ws-unset .ws-day-count{color:#d1ab74}.ws-cell{height:92px;vertical-align:middle}.ws-toggle{display:block;width:44px;height:38px;min-height:38px;margin:6px auto 2px;padding:0;border:1px solid #534838;border-radius:10px;background:transparent;color:#6f6352;font-size:21px}.ws-toggle.on{border-color:#957344;color:#ffe0aa;background:#4b3820;font-size:18px}.ws-toggle:not(.on):hover{color:var(--accent)}.ws-unset .ws-toggle:not(.on){border-style:dashed}.ws-hours{display:flex;justify-content:center;align-items:center;gap:3px;width:100%;min-height:34px;border:0;border-radius:6px;background:transparent;color:#cfc2ae;padding:5px 2px;font-size:11px;font-weight:400;white-space:nowrap}.ws-hours:hover:not(:disabled){color:var(--accent);background:#44351f}.ws-break-dot{font-size:22px;color:var(--accent);line-height:.6}.ws-hours-list{display:flex;flex-direction:column;gap:16px}.ws-hours-card{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#24201b}.ws-editor-name{align-self:flex-start;padding:0;min-height:30px;background:none;border:0;color:var(--text)}.ws-hour-actions{display:flex;flex-wrap:wrap;gap:8px}.ws-hour-actions button{font-size:12px;padding:6px 10px;min-height:38px;border-color:var(--line)}.ws-break-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:10px;align-items:end}
/* Small screens use a day list, never a clipped weekly matrix. */
.ws-range-picker{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:6px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.ws-range-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;min-width:0}
.ws-range-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
.ws-range-picker:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.ws-range-picker>span{color:var(--muted)}
.ws-save-status:empty,.ws-planner>.w-error:empty{display:none}
.ws-add-list{display:grid;gap:8px}
.ws-add-person{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:58px;padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:12px}
.ws-add-person strong{flex:1;min-width:0;overflow-wrap:anywhere}
.ws-add-person>span:last-child{color:var(--accent);font-size:22px}
.ws-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.ws-date-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 0;min-width:0;min-height:68px;border:1px solid transparent;border-radius:12px;background:var(--panel);font-variant-numeric:tabular-nums}
.ws-date-chip strong{font-size:20px;line-height:1.2}
.ws-chip-weekday{font-size:11px;text-transform:capitalize;color:var(--muted)}
.ws-chip-count{font-size:10px;line-height:12px;color:var(--muted)}
.ws-date-chip.today .ws-chip-weekday{color:var(--accent)}
.ws-date-chip[aria-pressed=true]{background:#493720;border-color:#a97e3c;color:#ffe2af;box-shadow:inset 0 -2px var(--accent)}
.ws-date-chip[aria-pressed=true] .ws-chip-weekday,.ws-date-chip[aria-pressed=true] .ws-chip-count{color:#edc687}
.ws-day-view{min-width:0;display:flex;flex-direction:column;gap:18px}
.ws-day-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ws-day-title h2{font-size:19px;margin:0 0 4px}
.ws-day-title p{font-size:12px;margin:0}
.ws-add-trigger{min-height:44px;padding:10px 14px;white-space:nowrap}
.ws-day-list{display:grid;gap:10px}
.ws-day-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,.8fr) 36px;align-items:center;gap:8px;padding:10px 12px;min-height:76px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.ws-day-person{grid-column:1;display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0;text-align:left;border:0;background:none}
.ws-day-person strong{font-size:15px;overflow-wrap:anywhere;min-width:0}
.ws-day-person .ws-profile-arrow{display:none}
.ws-day-hours{grid-column:2;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:44px;padding:8px 0;text-align:left;border:0;background:none;color:var(--accent);font-size:14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ws-day-hours small{font-size:11px;color:var(--muted);font-weight:400}
.ws-day-remove{grid-column:3;grid-row:1;width:36px;min-height:44px;color:var(--muted);font-size:22px;background:transparent}
.ws-day-empty{padding:24px 12px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:13px}
.ws-day-empty p{margin:0 0 12px}
@media(max-width:900px){
  .view-shifts{display:block;overflow:auto}
  .view-shifts>.view-host{display:block;height:auto}
  .ws-planner{display:flex;flex-direction:column;gap:14px;min-height:0;padding-bottom:12px}
  .ws-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
  .ws-week-nav{flex:1;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:4px}
  .ws-week-nav>.icon-button{width:40px;min-height:44px;padding:0}
  .ws-range{min-width:0;font-size:13px;line-height:1.3}
  .ws-range-picker{border-color:transparent;padding-inline:0;gap:3px}
  .ws-range-picker>span{font-size:11px}
  .ws-date-nav{flex-shrink:0}
  .ws-date-nav button{min-height:44px;padding:8px;font-size:12px}
  .ws-save-status{min-height:0;font-size:12px}
  .workspace:has(.view-shifts) .page-heading{padding:14px 16px}
  .workspace:has(.view-shifts) .page-heading .eyebrow{display:none}
  .workspace:has(.view-shifts) .page-heading h1{font-size:26px}
  .ws-hours-card{padding:12px;gap:12px}
  .ws-hour-actions button{min-height:44px}
}
@media(max-width:380px){
  .ws-toolbar{gap:2px}
  .ws-week-nav{grid-template-columns:32px minmax(0,1fr) 32px;gap:0}
  .ws-week-nav>.icon-button{width:32px}
  .ws-range{font-size:12px}
  .ws-date-nav button{padding:6px;font-size:11px}
  .ws-day-strip{gap:3px}
  .ws-date-chip{border-radius:9px}
  .ws-day-card{padding:8px 10px;gap:0 6px}
  .ws-day-person .ws-avatar{display:none}
  .ws-hours-card .w-form-grid,.ws-break-row{grid-template-columns:1fr}
  .ws-break-row{border-top:1px solid var(--line);padding-top:12px}
  .ws-break-row .icon-button{justify-self:end}
}
.promotion-summary{display:flex;gap:14px;align-items:center;min-width:0}.promotion-summary>.w-stack{min-width:0;gap:8px}.promotion-summary h3{overflow-wrap:anywhere}.promotion-summary p{margin:0;font-size:12px}.promotion-poster-thumb{width:64px;height:86px;object-fit:contain;flex:none;border-radius:7px;background:#171512}.promotion-poster-editor{gap:10px}.promotion-poster{width:120px;max-height:160px;object-fit:contain;align-self:flex-start;border-radius:8px;background:#171512}.promotion-poster-editor>.quiet{align-self:flex-start}

/* Delivery failures stay visible while operators work in any section. */
.staff-attention{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;margin:10px 32px 0;padding:10px 14px;border:1px solid #a76646;border-radius:12px;background:#3b261e;color:#ffd3ae}.staff-attention[hidden]{display:none}.staff-attention-icon{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-weight:750}.staff-attention-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px;line-height:1.35}.staff-attention-copy strong{font-size:12px;font-weight:650;overflow-wrap:anywhere}.staff-attention-copy>span{font-size:11px;color:#edbaa0;overflow-wrap:anywhere}.staff-attention-action{min-height:44px;padding:8px 12px;border:1px solid #9f6846;background:#513621;color:#ffe1bc;font-size:12px;flex-shrink:0}.staff-attention-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:760px){.staff-attention{margin:6px 12px 0;padding:6px 9px;gap:8px}.staff-attention-copy strong{font-size:11px}.staff-attention-icon{width:20px;height:20px}.staff-attention-action{padding:7px 9px}.staff-attention-copy>span{font-size:10px}}

.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.w-arrival-dialog{width:min(650px,96vw)}.w-arrival-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:10px;font:inherit;font-size:14px;line-height:1.5}.w-arrival-recipient{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:8px 0}.w-arrival-recipient small{display:block;color:var(--muted);margin-top:4px}.w-arrival-history summary{cursor:pointer;padding:8px 0}.w-arrival-history p{font-size:13px;color:var(--muted);margin:5px 0}.w-arrival-dialog .w-dialog-footer{flex-wrap:wrap}
@media(max-width:760px){.page-actions{gap:5px}.page-actions button{font-size:11px;min-height:36px;padding:7px 10px}.w-arrival-dialog{width:100%}.w-arrival-recipient{align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:24px}}