/* Dashboard and shell chrome only; canonical readers and module styles stay authoritative. */
#shopRoot.workspace-shell{--workspace-bg:#f6f5ee;--workspace-accent:#245c43;--workspace-soft:#e6efe8;--workspace-ink:#192b22;--workspace-muted:#52665b;--workspace-line:#d7dfd7;--workspace-card:#fff;--workspace-side:#153d2c;--workspace-top:56px;--top:calc(var(--workspace-top) + var(--sat,env(safe-area-inset-top,0px)));--sab:env(safe-area-inset-bottom,0px);background:var(--workspace-bg)}
[data-theme="dark"] #shopRoot.workspace-shell{--workspace-bg:#121413;--workspace-accent:#9ad1af;--workspace-soft:#24382b;--workspace-ink:#eef3ef;--workspace-muted:#b2c3b7;--workspace-line:#435148;--workspace-card:#1c211e;--workspace-side:#171e1a}
#shopRoot.workspace-shell [hidden]{display:none!important}
#shopRoot.workspace-shell .topbar{height:var(--top);padding:var(--sat,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 0 max(8px,env(safe-area-inset-left,0px));align-items:center;align-content:center;gap:8px;background:var(--workspace-side);border-bottom:1px solid #446a55}
#shopRoot .workspace-logo{width:32px;height:32px;border-radius:8px;object-fit:contain;flex-shrink:0}
#shopRoot .workspace-business{max-width:220px;min-width:0;min-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:#f3f7f4;font:inherit;text-align:start;padding:6px}
#shopRoot.workspace-shell .tb-btn,#shopRoot.workspace-shell .avatar{min-width:44px;min-height:44px}
#shopRoot.workspace-shell .topbar .search{min-width:70px;flex:1;max-width:560px;height:44px;background:#fff;border:1px solid #d7dfd7}
#shopRoot.workspace-shell .topbar .search input{color:#192b22;font-size:13px}
#shopRoot.workspace-shell .topbar .search input::placeholder{color:#52665b}
#shopRoot.workspace-shell .body{min-width:0;width:100%;background:var(--workspace-bg)}
#shopRoot.workspace-shell .rside,#shopRoot.workspace-shell .scrim{top:var(--top)}
#shopRoot.workspace-shell .main{min-width:0;flex:1 1 0;width:auto;max-width:none;margin:0;padding:16px 20px calc(var(--bot) + var(--sab) + 28px)}
#shopRoot.workspace-shell .side{width:260px;background:var(--workspace-side);padding:8px 10px calc(24px + var(--sab));overscroll-behavior:contain;scrollbar-gutter:stable}
#shopRoot.workspace-shell.workspace-collapsed .side{display:none}
#shopRoot.workspace-shell .side .brand-mark{background:transparent}
#shopRoot.workspace-shell .side .brand-mark img{width:32px;height:32px;object-fit:contain;border-radius:8px}
#shopRoot.workspace-shell .side .brand-sub,#shopRoot.workspace-shell .side .biz-chip span{color:#c1d7c9}
#shopRoot .workspace-nav-close{display:none}
#shopRoot .workspace-group{margin:4px 0 8px}
#shopRoot .workspace-group>summary{padding:10px 6px;min-height:44px;font-size:11px;font-weight:700;color:#d0e2d6;cursor:pointer;list-style-position:inside}
#shopRoot.workspace-shell .side .nav{width:100%;min-height:44px;border:0;background:transparent;color:#e2eee6;text-align:start;font:inherit;font-size:12px;padding:9px 10px;gap:8px}
#shopRoot.workspace-shell .side .nav.on,#shopRoot.workspace-shell .side .nav[aria-current="page"]{background:#dcece1;color:#173e2b;font-weight:700}
#shopRoot.workspace-shell .side .nav:hover{background:#315e44;color:#fff}
#shopRoot .workspace-plan{display:block;width:100%;min-height:44px;padding:8px 12px;background:transparent;color:#e2eee6;border:1px solid #789886;border-radius:9px;text-align:start;font:inherit;font-size:12px}
#shopRoot .workspace-popover{position:fixed;top:calc(var(--top) + 8px);inset-inline-start:12px;z-index:250;max-height:calc(100dvh - var(--top) - 24px - var(--sab));overflow:auto;width:min(380px,calc(100vw - 24px));padding:16px;border:1px solid var(--workspace-line);border-radius:12px;background:var(--workspace-card);color:var(--workspace-ink);box-shadow:0 8px 24px #0003}
#shopRoot .workspace-popover p{font-size:13px;line-height:1.6;margin-bottom:12px}
#shopRoot .workspace-popover button{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px 12px;border:1px solid var(--workspace-line);border-radius:8px;background:var(--workspace-card);color:var(--workspace-ink);text-align:start;font:inherit;font-size:13px}
#shopRoot .workspace-popover button:disabled{color:var(--workspace-muted)}
#shopRoot.workspace-shell :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #e5ad44;outline-offset:2px}
#shopRoot.workspace-shell #p-dashboard{color:var(--workspace-ink);width:100%;max-width:100%;margin-inline:0}
#shopRoot.workspace-shell #p-dashboard .phead{align-items:center;margin-bottom:12px}
#shopRoot #p-dashboard .dash-workspace{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--workspace-line);border-radius:12px;background:var(--workspace-card)}
#shopRoot .dash-workspace__copy b{font-size:13px;display:block}
#shopRoot .dash-workspace__copy span{font-size:12px;color:var(--workspace-muted);line-height:1.4;display:block;margin-top:3px}
#shopRoot .dash-workspace__actions{display:flex;gap:8px;flex-shrink:0}
#shopRoot .dash-action{border:1px solid var(--workspace-line);background:var(--workspace-card);color:var(--workspace-ink);border-radius:9px;min-height:44px;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
#shopRoot .dash-action.primary{border-color:#245c43;background:#245c43;color:#fff}
#shopRoot #p-dashboard .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
#shopRoot #p-dashboard .kpi{min-width:0;min-height:106px;padding:14px;border-radius:12px;border-color:var(--workspace-line);background:var(--workspace-card)}
#shopRoot #p-dashboard .kpi:nth-child(n+5){grid-column:span 2;min-height:90px}
#shopRoot #p-dashboard .kpi-v{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.4px;overflow-wrap:anywhere;color:var(--workspace-ink);text-align:end}
#shopRoot #p-dashboard .kpi-l{font-size:11px;color:var(--workspace-muted)}
#shopRoot #p-dashboard .kpi-d{font-size:11px;color:var(--workspace-muted);line-height:1.4}
#shopRoot #p-dashboard :is(.card,.briefing,.dcard){background:var(--workspace-card);border-color:var(--workspace-line);border-radius:12px;box-shadow:0 1px 3px #00000008}
#shopRoot #p-dashboard :is(.num,.money){font-variant-numeric:tabular-nums;text-align:end}
#shopRoot #p-dashboard .sec{margin-top:16px}
#shopRoot #p-dashboard .sec h2{color:var(--workspace-muted);font-size:12px}
#shopRoot #p-dashboard :is(.ledsrc,.daily-note,.brief-meta,.kpi-d){color:var(--workspace-muted)}
#shopRoot #p-dashboard :is(.btn,.brief-document,.brief-fig){min-height:44px}
#shopRoot.workspace-shell .botnav{padding-bottom:var(--sab);height:calc(var(--bot) + var(--sab));border-color:var(--workspace-line);background:var(--workspace-card);display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr}
#shopRoot.workspace-shell .botnav>#bnStock{display:none}
#shopRoot.workspace-shell .botnav>.fab-slot{position:relative;inset:auto;bottom:auto;width:64px;height:var(--bot);display:flex;align-items:center;justify-content:center}
#shopRoot.workspace-shell .botnav #shopFab{position:static;width:48px;height:48px;margin:0;border-radius:14px;background:#245c43;color:#fff;box-shadow:none;transform:none}
#shopRoot.workspace-shell .botnav #shopMic{position:fixed;inset-inline-end:16px;bottom:calc(var(--bot) + var(--sab) + 16px);width:52px;height:52px;border-radius:50%;background:var(--workspace-card);color:var(--workspace-accent);border:2px solid var(--workspace-accent);box-shadow:0 3px 12px #0002}
@media(min-width:901px){#shopRoot.workspace-shell .workspace-nav-close{display:none}#shopRoot.workspace-shell .side.on{transform:none}#shopRoot.workspace-shell .botnav{inset-inline-start:260px;width:auto}#shopRoot.workspace-shell.workspace-collapsed .botnav{inset-inline-start:0}#shopRoot.workspace-shell #backBtn,#shopRoot.workspace-shell #forwardBtn{display:flex}}
@media(max-width:900px){#shopRoot.workspace-shell .side{position:fixed;top:var(--top);bottom:0;inset-inline-start:0;width:min(86vw,300px);transform:translateX(-105%);transition:transform .18s ease;box-shadow:6px 0 28px #0004}#shopRoot.workspace-shell .side.on{transform:translateX(0)}#shopRoot.workspace-shell[dir="rtl"] .side{left:auto;right:0;transform:translateX(105%)}#shopRoot.workspace-shell[dir="rtl"] .side.on{transform:translateX(0)}#shopRoot.workspace-shell .main{padding:12px 12px calc(var(--bot) + var(--sab) + 84px);width:100%;margin-inline:0}#shopRoot.workspace-shell .workspace-nav-close{display:block;min-height:44px;width:100%;border:1px solid #789886;background:transparent;color:#fff;font:inherit;font-size:12px;border-radius:8px}#shopRoot.workspace-shell .workspace-logo{width:28px;height:28px}#shopRoot.workspace-shell .workspace-business{max-width:140px}#shopRoot.workspace-shell #p-dashboard .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#shopRoot.workspace-shell #p-dashboard .kpi:nth-child(n+5){grid-column:auto}}
@media(max-width:600px){#shopRoot.workspace-shell .topbar{gap:4px;flex-wrap:wrap;height:var(--top)}#shopRoot.workspace-shell{--workspace-top:104px}#shopRoot.workspace-shell .topbar .search{order:10;flex-basis:100%;max-width:none;margin:0 4px 6px;height:40px}#shopRoot.workspace-shell .topbar .tb-right{margin-inline-start:auto;gap:2px}#shopRoot.workspace-shell .workspace-business{flex:1;max-width:calc(100vw - 240px);font-size:12px}#shopRoot.workspace-shell #backBtn,#shopRoot.workspace-shell #forwardBtn{display:none}#shopRoot.workspace-shell .conn{display:none}#shopRoot #p-dashboard .dash-workspace{align-items:stretch;flex-direction:column;padding:12px}#shopRoot .dash-workspace__actions{display:grid;grid-template-columns:1fr 1fr;flex-shrink:1}#shopRoot #p-dashboard .kpi{padding:12px;min-height:100px}#shopRoot #p-dashboard .kpi-v{font-size:20px}#shopRoot #p-dashboard .kpis{gap:8px}#shopRoot #p-dashboard .charts{grid-template-columns:minmax(0,1fr)}#shopRoot #p-dashboard .card{min-width:0}#shopRoot #p-dashboard .scroll{overflow-x:auto}#shopRoot #p-dashboard table{font-size:12px}#shopRoot #p-dashboard :is(th,td){padding:9px 8px}#shopRoot #p-dashboard .trend-controls{flex-wrap:wrap}#shopRoot #p-dashboard .trend-controls input{max-width:100%}}
@media(prefers-reduced-motion:reduce){#shopRoot.workspace-shell .side{transition:none}}
#shopRoot .workspace-operations{margin:0 0 14px;padding:12px 14px;border:1px solid var(--workspace-line);border-radius:12px;background:var(--workspace-card)}
#shopRoot .workspace-operations>summary{min-height:44px;display:list-item;align-content:center;font-size:13px;font-weight:700;cursor:pointer;list-style-position:inside}
#shopRoot .workspace-operations .daily-note{margin:8px 0;font-size:12px;line-height:1.5}
#shopRoot .workspace-operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
#shopRoot .workspace-operations :is(.brief-fig,.brief-document){width:100%;color:var(--workspace-ink);background:var(--workspace-card);border-color:var(--workspace-line);text-align:start}
#shopRoot .workspace-operations .brief-document{display:flex;justify-content:space-between;gap:12px;margin-top:6px;padding:10px;min-height:44px}
#shopRoot .workspace-operations .brief-document span{overflow-wrap:anywhere;min-width:0}
#shopRoot .workspace-operations .brief-document .num{flex-shrink:0}
#shopRoot #p-dashboard .kpi::before{background:var(--workspace-accent)}
@media(max-width:600px){#shopRoot .workspace-operations-grid{grid-template-columns:1fr}}
/* Reuse the shared semantic theme, with local navigation contrast. */
#shopRoot.workspace-shell .side{--nav-surface:var(--workspace-side);--nav-text:#e2eee6;--nav-selected:#315e44}
#shopRoot.workspace-shell .topbar{--surface:var(--workspace-card);--surface-secondary:var(--workspace-soft);--text-primary:var(--workspace-ink);--border:var(--workspace-line)}
#shopRoot.workspace-shell .workspace-business{color:var(--workspace-ink)}
#shopRoot.workspace-shell .botnav #shopMic{inset-inline-start:auto;left:auto;transform:none}
#shopRoot.workspace-shell[dir="rtl"] .botnav #shopMic{left:16px;right:auto}
#shopRoot.workspace-shell .side{--text-secondary:#c1d7c9}
#shopRoot.workspace-shell #p-dashboard .daily-actions button{transition:none}
#shopRoot #p-dashboard .workspace-link{min-height:44px;padding:8px;border:0;background:transparent;color:var(--workspace-accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
/* The shell owns vertical scrolling. Module grids may shrink; tables keep their own horizontal scroll. */
#shopRoot.workspace-shell .main{display:block;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-block:16px calc(var(--bot) + var(--sab) + 80px)}
#shopRoot.workspace-shell .body,#shopRoot.workspace-shell .side{min-height:0}
#shopRoot.workspace-shell .side{overflow-y:auto;scrollbar-width:auto;scroll-padding-block:90px 24px}
#shopRoot .workspace-menu-search{position:sticky;top:0;z-index:1;display:block;padding:8px 0;background:var(--workspace-side);color:inherit}
#shopRoot .workspace-menu-search span{display:block;font-size:12px;color:#e2eee6;margin-bottom:6px}
#shopRoot .workspace-menu-search input{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #789886;border-radius:9px;background:var(--workspace-card);color:var(--workspace-ink);font:inherit}
#shopRoot .workspace-menu-empty{padding:12px 6px;color:#e2eee6;font-size:13px}
#shopRoot .workspace-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#shopRoot .workspace-dashboard-grid>*{min-width:0;margin:0}
#shopRoot .workspace-dashboard-grid .sec{margin-top:0}
#shopRoot .workspace-trends{border:1px solid var(--workspace-line);border-radius:12px;padding:12px;background:var(--workspace-card)}
#shopRoot .workspace-trends>summary{min-height:44px;font-size:13px;font-weight:700;cursor:pointer;align-content:center;list-style-position:inside}
#shopRoot .workspace-trends[open]>.sec{margin-top:10px}
#shopRoot #p-dashboard #dailyHome{display:block}
#shopRoot #p-dashboard .daily-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;margin:8px 0}
#shopRoot #p-dashboard .daily-actions button{min-height:44px;min-width:0;white-space:normal}
#shopRoot #p-dashboard .workspace-dashboard-grid .scroll{overflow-x:auto}
#shopRoot #p-dashboard .workspace-dashboard-grid table{min-width:0;width:100%}
#shopRoot #p-dashboard .workspace-dashboard-grid :is(th,td){white-space:normal;overflow-wrap:anywhere}
#shopRoot #p-dashboard .workspace-dashboard-grid :is(th,td){padding:8px;line-height:1.4}
#shopRoot #p-dashboard[data-composition="mobile"] .workspace-dashboard-grid #dailyHome{order:0}
#shopRoot #p-dashboard[data-composition="mobile"] .workspace-cash{order:1}
#shopRoot #p-dashboard[data-composition="mobile"] .workspace-aging{order:2}
#shopRoot #p-dashboard[data-composition="mobile"] #dashboardAttention{order:3}
#shopRoot #p-dashboard[data-composition="mobile"] #lowStockWrap{order:4}
#shopRoot #p-dashboard[data-composition="mobile"] #dashboardOperations{order:5}
#shopRoot #p-dashboard[data-composition="mobile"] :is(#dailyBriefing,#directorView){order:6}
#shopRoot #p-dashboard[data-composition="mobile"] .workspace-trends{order:7}
#shopRoot #p-dashboard[data-composition="mobile"] .daily-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
#shopRoot #p-dashboard[data-composition="tablet"] .workspace-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#shopRoot #p-dashboard[data-composition="tablet"] .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
#shopRoot #p-dashboard[data-composition="tablet"] .kpi:nth-child(n+5){grid-column:auto}
#shopRoot #p-dashboard[data-composition="tablet"] .workspace-dashboard-grid>:is(#dailyHome,#dashboardAttention,#dashboardOperations,.workspace-trends){grid-column:1/-1}
#shopRoot #p-dashboard[data-composition="desktop"] .workspace-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#shopRoot #p-dashboard[data-composition="desktop"] .kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
#shopRoot #p-dashboard[data-composition="desktop"] .kpi:nth-child(n+5){grid-column:auto}
#shopRoot #p-dashboard[data-composition="desktop"] #dailyHome{grid-column:1/-1}
#shopRoot #p-dashboard[data-composition="desktop"] :is(#dashboardAttention,#dashboardOperations,.workspace-trends){grid-column:span 2}
#shopRoot #p-dashboard[data-composition="desktop"] :is(.kpi,.kpi:nth-child(n+5)){min-height:78px;padding:10px 12px}
#shopRoot #p-dashboard[data-composition="desktop"] .kpi-v{font-size:22px}
@media(max-width:380px){#shopRoot.workspace-shell .workspace-business{max-width:calc(100vw - 224px);padding-inline:2px}#shopRoot.workspace-shell .topbar{gap:2px}#shopRoot.workspace-shell .main{padding-inline:8px}}

/* Intrinsic controls prevent the shell's full-width .btn from consuming copy. */
#shopRoot .business-capabilities{min-width:0;padding-bottom:88px}
#shopRoot .capability-search{display:grid;gap:6px;margin:12px 0;font-weight:600}
#shopRoot .capability-search input{width:100%;min-width:0;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surf);color:var(--tx);font:inherit}
#shopRoot .capability-group{margin:18px 0;min-width:0}
#shopRoot .capability-group h2{font-size:1.05rem;margin:0 0 8px}
#shopRoot .capability-group>.card{padding:0 14px;min-width:0}
#shopRoot .capability-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
#shopRoot .capability-row:last-child{border-bottom:0}
#shopRoot .capability-row[hidden],#shopRoot .capability-group[hidden]{display:none}
#shopRoot .capability-copy{min-width:0;overflow-wrap:anywhere}
#shopRoot .capability-copy h3{font-size:1rem;line-height:1.4;margin:0}
#shopRoot .capability-copy p{font-size:.875rem;line-height:1.5;margin:5px 0;color:var(--tx2)}
#shopRoot .capability-copy .capability-explanation{font-size:.8125rem}
#shopRoot .capability-state{display:block;font-size:.8125rem;line-height:1.5;color:var(--tx2);margin-top:5px}
#shopRoot .capability-row .btn{width:auto;min-width:76px;min-height:44px;max-width:100%;padding:8px 12px;border-style:solid;white-space:normal}
#shopRoot .capability-row .btn:disabled{opacity:.65;cursor:default}
#shopRoot .business-capabilities :is(input,button):focus-visible{outline:3px solid var(--b500);outline-offset:3px}
@media(max-width:400px){#shopRoot .capability-row{grid-template-columns:minmax(0,1fr);gap:8px}#shopRoot .capability-row .btn{justify-self:start}}
#shopRoot .capability-presets{padding:12px 0;border-bottom:1px solid var(--line)}
#shopRoot .capability-presets summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600}
#shopRoot .capability-presets form{display:grid;gap:12px}
#shopRoot .capability-presets select{display:block;min-height:44px;max-width:100%;font:inherit;padding:8px;background:var(--surf);color:var(--tx);border:1px solid var(--line);border-radius:9px}
#shopRoot .capability-presets fieldset{display:grid;gap:4px;min-width:0;border:1px solid var(--line);padding:10px}
#shopRoot .capability-presets fieldset label{display:flex;align-items:center;gap:8px;min-height:44px}
#shopRoot .capability-presets input[type=checkbox]{width:20px;height:20px;flex:none}
#shopRoot .capability-presets .btn{width:auto;min-height:44px;justify-self:start}

:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen) .rb-schedules,.rb-detail .rb-lines{list-style:none;padding:0;margin:12px 0;display:grid;gap:12px}
:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen) .rb-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px;min-width:0}
:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen) .rb-row>div{min-width:0;flex:1 1 200px;overflow-wrap:anywhere}
:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen) .rb-row h2{font-size:1rem;line-height:1.4;margin:0}
:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen) .rb-row p,.rb-detail p{line-height:1.5;margin:6px 0;overflow-wrap:anywhere}
:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen) .rb-paging,.rb-actions,.rb-party-paging{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.rb-editor,.rb-detail{min-width:0;max-width:100%;overflow-wrap:anywhere}
.rb-editor fieldset{min-width:0;border:1px solid var(--line,#d7e6f9);padding:12px;margin:12px 0}
.rb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rb-form-grid .f{display:grid;gap:6px;min-width:0;margin:0}
.rb-form-grid :is(input,select,textarea){width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit}
.rb-detail .rb-lines>li{padding:12px;border:1px solid var(--line,#d7e6f9);border-radius:9px}
:is(.rb-editor,.rb-detail,:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen)) :is(button,a){min-height:44px;max-width:100%;white-space:normal}
:is(.rb-editor,.rb-detail,:is(.recurring-billing-screen,#shopRoot#shopRoot .mod-body.recurring-billing-screen)) :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--b500,#2563eb);outline-offset:3px}
.rb-editor [data-rb-form-status],.rb-detail [data-rb-result]{white-space:pre-wrap;line-height:1.5}
@media(max-width:440px){.rb-form-grid{grid-template-columns:minmax(0,1fr)}.rb-editor .modal-head,.rb-detail .modal-head{flex-wrap:wrap;gap:8px}}
.rb-form-grid .f>span{color:var(--tx,#17251d);opacity:1}

/* Server-backed work reflows into a phone agenda instead of a wide timetable. */
:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:16px;align-items:end}
:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .toolbar .f{flex:1 1 170px;min-width:0}
:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .toolbar :is(button,input,select),.ops-editor :is(input,select,button){min-height:44px}
:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .ops-records{list-style:none;padding:0;display:grid;gap:12px}
:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .ops-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px}
:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .ops-row>div{min-width:0;overflow-wrap:anywhere}
:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) h2{font-size:1.05rem;margin:0 0 6px}
#shopRoot#shopRoot .mod-body.service-operations-screen .ops-actions,.ops-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.ops-editor{max-width:720px;overflow-wrap:anywhere}
.ops-editor fieldset{min-width:0;border:1px solid var(--line,#b4caba);padding:12px;margin:0 0 12px}
.ops-editor .f{min-width:0;display:flex;flex-direction:column;gap:6px;margin:0 0 12px;color:var(--ink,#173c30)}
.ops-editor :is(input,select,textarea){min-width:0;box-sizing:border-box;width:100%;max-width:100%;color:var(--ink,#173c30);background:var(--surface,#fff)}
.ops-editor .ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ops-detail{overflow-wrap:anywhere;max-width:720px}
.ops-detail li{margin:10px 0}
.ops-editor :is(button,input,select,textarea):focus-visible,:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) button:focus-visible{outline:3px solid var(--accent,#215940);outline-offset:3px}
@media(max-width:440px){:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .ops-row{display:block}:is(.service-operations-screen,#shopRoot#shopRoot .mod-body.service-operations-screen) .ops-row>button{margin-top:10px}.ops-editor .ops-grid{grid-template-columns:minmax(0,1fr)}}

.ops-editor .modal-head{flex-wrap:wrap;align-items:start;gap:12px}
.ops-editor .modal-head h2{flex:1 1 180px;min-width:0;font-size:1.2em;margin:0}
.ops-editor .modal-head button{flex:0 0 auto;max-width:100%;white-space:normal}
.ops-editor .ops-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}

#shopRoot#shopRoot .mod-body.service-operations-screen .pharmacy-workspace .ops-row{display:grid;grid-template-columns:minmax(0,1fr) auto}
#shopRoot#shopRoot .pharmacy-workspace .ops-actions>p{flex:1 0 100%;overflow-wrap:anywhere}
#shopRoot#shopRoot .pharmacy-workspace button{width:auto;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.pharmacy-detail li{overflow-wrap:anywhere;margin:12px 0}
@media(max-width:440px){#shopRoot#shopRoot .mod-body.service-operations-screen .pharmacy-workspace .ops-row{grid-template-columns:minmax(0,1fr)}#shopRoot#shopRoot .pharmacy-workspace .ops-actions>button{flex:1 1 160px}}

.project-detail .modal-head{display:flex;flex-wrap:wrap;align-items:start;gap:12px}
.project-detail .modal-head h2{flex:1 1 180px;min-width:0;font-size:1.2em;margin:0}
.project-detail .modal-head button{flex:0 0 auto;min-width:64px;min-height:44px;white-space:normal}
.project-detail :is(button,a){min-height:44px;max-width:100%;white-space:normal}
.project-detail :is(button,a):focus-visible{outline:3px solid var(--accent,#215940);outline-offset:3px}
.ops-editor .project-time-choice{flex-direction:row;align-items:center;min-height:44px;gap:12px}
.ops-editor .project-time-choice input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none}

.workshop-detail .modal-head{display:flex;flex-wrap:wrap;align-items:start;gap:12px}
.workshop-detail .modal-head h2{flex:1 1 180px;min-width:0;font-size:1.2em;margin:0}
.workshop-detail .modal-head button{flex:0 0 auto;min-width:64px;min-height:44px;white-space:normal}
.workshop-detail :is(button,a){min-height:44px;max-width:100%;white-space:normal}
.workshop-detail :is(button,a):focus-visible{outline:3px solid var(--accent,#215940);outline-offset:3px}