:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #102a43;--ink-soft: #334e68;--muted: #52606d;--primary: #0b5cc4;--primary-soft: #e8f2ff;--success: #087f5b;--success-soft: #e5f5ee;--warning: #9a4d00;--warning-soft: #fff3dd;--danger: #b42318;--danger-soft: #fff0ef;--surface: #ffffff;--canvas: #f7f9fc;--line: #d5dee8;--line-strong: #b8c6d5;--shadow: 0 12px 30px rgb(16 42 67 / 8%);--sidebar: 264px;--topbar: 76px}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button,select,input{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #79b8ff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;padding:12px 16px;border-radius:8px;background:var(--ink);color:#fff}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar);overflow-y:auto;display:flex;flex-direction:column;background:var(--ink);color:#fff;border-right:1px solid #183b57}.brand{display:flex;align-items:center;gap:12px;padding:18px 18px 14px}.brand img{border-radius:12px;box-shadow:0 8px 22px #00000038}.brand strong,.brand span{display:block}.brand strong{font-size:18px;letter-spacing:-.02em}.brand span{margin-top:2px;color:#b9d0e2;font-size:12px}.sidebar nav{flex:1;padding:8px 12px 20px}.nav-section{margin-top:16px}.nav-section>p{margin:0 10px 7px;color:#9fb9ce;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-item{position:relative;width:100%;min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#dce8f1;text-align:left;font-size:14px;font-weight:650}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item--active{background:#e8f2ff;color:#083f88}.nav-item--active:before{position:absolute;left:-12px;width:4px;height:26px;border-radius:0 4px 4px 0;background:#55b7ff;content:""}.sidebar__footer{margin:0 12px 14px;padding:13px;border:1px solid rgb(255 255 255 / 14%);border-radius:10px;background:#ffffff0d}.sidebar__footer label,.sidebar__footer small{display:block}.sidebar__footer label{color:#a9c1d3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar__footer select{width:100%;min-height:44px;margin-top:7px;padding:0 8px;border:1px solid rgb(255 255 255 / 18%);border-radius:7px;background:#183b57;color:#fff;font-size:13px;font-weight:800}.sidebar__footer small{margin-top:4px;color:#b9d0e2;line-height:1.35}.workspace{min-height:100vh;margin-left:var(--sidebar)}.topbar{position:sticky;top:0;z-index:15;min-height:var(--topbar);display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,430px) auto auto;align-items:center;gap:14px;padding:10px 24px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-brand{display:none}.context-select{min-width:0}.context-select>span:first-child{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.context-select__control{display:flex;align-items:center;gap:7px}.context-select select{min-height:44px;min-width:0;max-width:330px;padding:2px 22px 2px 0;border:0;background:transparent;color:var(--ink);font-weight:800;text-overflow:ellipsis}.context-select small{display:block;margin-left:27px;color:var(--muted);font-size:11px}.global-search{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--muted)}.global-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0b5cc41f}.global-search input{width:100%;border:0;background:transparent;color:var(--ink)}.global-search input::placeholder{color:#6e7f8f}.sync-button{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid;border-radius:999px;font-size:12px;font-weight:800}.sync-button--online{border-color:#a3d7c5;background:var(--success-soft);color:#066547}.sync-button--offline{border-color:#e5c398;background:var(--warning-soft);color:#804000}.account-chip{display:flex;align-items:center;gap:9px}.account-chip>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:900}.account-chip strong,.account-chip small{display:block;white-space:nowrap}.account-chip strong{font-size:12px}.account-chip small{margin-top:2px;color:var(--muted);font-size:11px}.search-notice{display:flex;align-items:center;gap:10px;margin:16px 28px 0;padding:11px 13px;border:1px solid #b8d6f7;border-radius:9px;background:var(--primary-soft);color:#083f88;font-size:13px}.search-notice span{flex:1}.search-notice button{border:0;background:transparent;color:#083f88;font-weight:800;text-decoration:underline}.main-content{max-width:1440px;margin:0 auto;padding:30px 32px 64px}.main-content:focus{outline:none}.page-stack{display:grid;gap:20px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.page-heading h1{margin:3px 0 6px;font-size:clamp(28px,3vw,38px);letter-spacing:-.035em}.page-heading p{max-width:700px;margin:0;color:var(--muted);line-height:1.5}.eyebrow{margin:0;color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.readiness,.neutral-badge,.state-marker{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.readiness{padding:9px 12px;border:1px solid}.readiness--online{border-color:#a3d7c5;background:var(--success-soft);color:#066547}.readiness--offline{border-color:#e5c398;background:var(--warning-soft);color:#804000}.neutral-badge{padding:7px 10px;background:#edf2f7;color:var(--ink-soft)}.construction-banner{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border:1px solid #e5c398;border-left:4px solid var(--warning);border-radius:10px;background:var(--warning-soft);color:#6d3700}.construction-banner strong,.construction-banner p{display:block}.construction-banner p{margin:3px 0 0;color:#6d4d2b;font-size:13px;line-height:1.45}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metrics-grid--director{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{min-height:132px;padding:16px;border:1px solid var(--line);border-top:3px solid var(--primary);border-radius:11px;background:var(--surface);box-shadow:0 5px 16px #102a430a}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{min-height:34px;color:var(--ink-soft);font-size:12px;font-weight:800;line-height:1.35}.metric-card strong{margin:8px 0 4px;font-size:26px;font-variant-numeric:tabular-nums}.metric-card small{color:var(--muted);font-size:11px}.content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px}.panel{min-width:0;padding:19px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel__heading h2{margin:3px 0 0;font-size:19px;letter-spacing:-.02em}.panel__heading p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:13px}.panel-icon,.action-row__icon,.empty-state__mark,.construction-page__icon{display:grid;place-items:center;flex:0 0 auto;background:var(--primary-soft);color:var(--primary)}.panel-icon{width:40px;height:40px;border-radius:10px}.action-list{display:grid;gap:8px;margin-top:14px}.action-row{width:100%;min-height:58px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);text-align:left}.action-row:hover{border-color:#b8d6f7;background:#f2f7fd}.action-row__icon{width:38px;height:38px;border-radius:9px}.action-row strong,.action-row small{display:block}.action-row strong{font-size:14px}.action-row small{margin-top:3px;color:var(--muted);font-size:11px}.empty-state{display:grid;justify-items:center;padding:35px 18px 22px;text-align:center}.empty-state__mark{width:44px;height:44px;margin-bottom:11px;border-radius:50%}.empty-state strong{font-size:14px}.empty-state p{max-width:390px;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.empty-state--compact{padding:32px 12px 18px}.status-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;border-left:4px solid var(--primary)}.status-panel h2{margin:3px 0 5px;font-size:18px}.status-panel p:not(.eyebrow){max-width:780px;margin:0;color:var(--muted);font-size:13px;line-height:1.45}.state-marker{padding:9px 12px;background:var(--primary-soft);color:#083f88}.director-toolbar{display:flex;align-items:end;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.director-toolbar label,.role-control{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.director-toolbar select,.role-control select{min-height:40px;padding:0 34px 0 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink)}.toolbar-note{margin-left:auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;color:var(--muted);font-size:12px}.director-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.director-panel--wide{min-height:240px}.construction-page{min-height:420px;display:grid;align-content:center;justify-items:center;text-align:center}.construction-page__icon{width:68px;height:68px;margin-bottom:16px;border-radius:18px}.construction-page h2{margin:5px 0 7px;font-size:24px}.construction-page>p:last-child{max-width:540px;margin:0;color:var(--muted);line-height:1.55}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#102a437a}.drawer{width:min(440px,100%);height:100%;overflow-y:auto;padding:22px;background:var(--surface);box-shadow:-20px 0 60px #102a4333}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.drawer__header h2{margin:3px 0 0;font-size:24px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink)}.connection-card{display:flex;align-items:flex-start;gap:12px;margin-top:25px;padding:15px;border:1px solid;border-radius:11px}.connection-card--online{border-color:#a3d7c5;background:var(--success-soft);color:#066547}.connection-card--offline{border-color:#e5c398;background:var(--warning-soft);color:#804000}.connection-card strong{display:block}.connection-card p{margin:4px 0 0;color:inherit;font-size:12px;line-height:1.45}.sync-facts{margin:18px 0}.sync-facts>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.sync-facts dt{color:var(--muted);font-size:12px}.sync-facts dd{margin:0;text-align:right;font-size:12px;font-weight:800}.policy-list{margin-top:24px}.policy-list h3{margin:0 0 7px;font-size:16px}.policy-list article{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.policy-list article svg{color:var(--primary)}.policy-list strong{font-size:13px}.policy-list p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.mobile-nav{display:none}.more-sheet{width:100%;max-height:88vh;overflow-y:auto;padding:20px 18px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#fff}.role-control{margin:20px 0}.role-control small{font-weight:500}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.more-item{min-height:62px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left;font-size:13px;font-weight:800}.more-item--active{border-color:#75afea;background:var(--primary-soft);color:#083f88}@media (max-width: 1180px){.metrics-grid--director{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{grid-template-columns:minmax(210px,1fr) minmax(220px,350px) auto}.account-chip{display:none}}@media (max-width: 900px){:root{--topbar: 68px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.sidebar{display:none}.workspace{margin-left:0}.topbar{min-height:auto;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 12px}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand img{width:36px;height:36px;border-radius:10px}.mobile-brand strong{display:none}.context-select>span:first-child,.context-select small{display:none}.context-select__control{justify-content:center}.context-select__control svg{display:none}.context-select select{width:100%;max-width:290px;min-height:42px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);font-size:12px}.global-search{grid-column:1 / -1;grid-row:2}.sync-button{width:44px;padding:0;justify-content:center;border-radius:50%}.sync-button span{display:none}.main-content{padding:22px 16px 32px}.search-notice{margin:12px 16px 0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;inset:auto 0 0;z-index:35;min-height:66px;display:flex;align-items:stretch;padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#fffffff7;box-shadow:0 -8px 24px #102a4314}.mobile-nav__item{flex:1;min-width:0;display:grid;place-items:center;align-content:center;gap:3px;padding:4px 2px;border:0;border-radius:8px;background:transparent;color:var(--muted)}.mobile-nav__item span{max-width:74px;overflow:hidden;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mobile-nav__item--active{background:var(--primary-soft);color:#083f88}.overlay--mobile{align-items:flex-end}}@media (max-width: 620px){.page-heading{display:grid;gap:12px}.page-heading h1{font-size:30px}.readiness,.neutral-badge{justify-self:start;white-space:normal}.metrics-grid,.metrics-grid--director{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:122px;padding:13px}.metric-card span{min-height:32px;font-size:11px}.status-panel{display:grid}.state-marker{justify-self:start}.director-toolbar{display:grid;align-items:stretch}.toolbar-note{margin-left:0}.director-grid{grid-template-columns:1fr}.construction-banner{padding:13px}}@media (max-width: 390px){.main-content{padding-inline:12px}.metrics-grid,.metrics-grid--director{grid-template-columns:1fr}.metric-card{min-height:auto}.metric-card span{min-height:0}.more-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors: active){.nav-item--active,.mobile-nav__item--active,.construction-banner,.connection-card{border:2px solid CanvasText}}.sidebar__footer>strong{display:block;margin-top:7px;font-size:14px}.context-select__value{min-width:0;overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.account-chip button{min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink-soft);font-size:11px;font-weight:800}.sidebar-logout{width:100%;min-height:44px;margin-top:12px;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;background:transparent;color:#fff;font-size:12px;font-weight:800}.environment-banner,.update-banner{display:flex;align-items:center;gap:10px;margin:14px 28px 0;padding:11px 13px;border-radius:9px;font-size:13px;line-height:1.45}.environment-banner{border:2px solid #8b5d00;background:#fff0bf;color:#643f00}.update-banner{border:1px solid #b8d6f7;background:var(--primary-soft);color:#083f88}.environment-banner span,.update-banner span{flex:1}.update-banner button{min-height:44px;padding:0 13px;border:1px solid #75afea;border-radius:8px;background:#fff;color:#083f88;font-weight:850}.update-banner button:disabled{cursor:not-allowed;opacity:.55}.session-warning,.demo-banner,.inline-warning,.success-notice,.sync-error{display:flex;align-items:flex-start;gap:9px;border-radius:9px;font-size:13px;line-height:1.45}.session-warning{margin:14px 28px 0;padding:11px 13px;border:1px solid #e5c398;background:var(--warning-soft);color:#6d3700}.demo-banner{padding:13px 15px;border:1px solid #b8d6f7;background:var(--primary-soft);color:#083f88}.demo-banner strong,.demo-banner p{display:block}.demo-banner p{margin:3px 0 0}.inline-warning,.sync-error{margin:14px 0;padding:11px;border:1px solid #e5c398;background:var(--warning-soft);color:#6d3700}.sync-error{border-color:#efb4ae;background:var(--danger-soft);color:var(--danger)}.success-notice{align-items:center;padding:11px 13px;border:1px solid #a3d7c5;background:var(--success-soft);color:#066547}.success-notice span{flex:1}.success-notice button{border:0;background:transparent;color:inherit;font-weight:850;text-decoration:underline}.source-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}.source-strip>div{min-width:0;padding:11px 14px;background:#fff}.source-strip span,.source-strip strong{display:block}.source-strip span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.source-strip strong{margin-top:4px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.route-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:16px;align-items:start}.route-stops{padding:16px}.stop-list{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none}.stop-card{width:100%;min-height:68px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left}.stop-card:hover:not(:disabled),.stop-card--active{border-color:#75afea;background:#f2f7fd}.stop-card:disabled{cursor:default;opacity:.72}.stop-sequence{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:#083f88;font-size:12px;font-weight:900}.stop-sequence--done{background:var(--success-soft);color:var(--success)}.stop-card strong,.stop-card small{display:block}.stop-card strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.stop-card small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.stop-status{padding:5px 7px;border-radius:999px;background:var(--warning-soft);color:#804000;font-size:10px;font-weight:850}.stop-status--done{background:var(--success-soft);color:#066547}.stop-status--queued{background:var(--primary-soft);color:#083f88}.stop-status--failed{background:var(--danger-soft);color:var(--danger)}.route-help,.empty-route{min-height:420px;display:grid;align-content:center;justify-items:center;text-align:center}.route-help h2,.empty-route h2{margin:4px 0 6px}.route-help>p:last-child,.empty-route>p{max-width:480px;margin:0;color:var(--muted);line-height:1.55}.operation-state{min-height:180px;display:flex;align-items:center;justify-content:center;gap:16px;text-align:left}.operation-state h2,.operation-state p,.error-state h2,.error-state p{margin:0}.operation-state p,.error-state p{margin-top:5px;color:var(--muted)}.spinner{width:30px;height:30px;display:inline-block;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{min-height:260px;display:flex;align-items:center;justify-content:center;gap:16px}.error-state__icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--danger-soft);color:var(--danger)}.workspace-heading{margin-bottom:18px}.workspace-heading h2{margin:5px 0;font-size:25px}.workspace-heading>p:last-child{margin:0;color:var(--muted)}.text-button{min-height:44px;margin-bottom:12px;padding:0 4px;border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:850;text-decoration:underline}.primary-choice{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid #b8d6f7;border-radius:11px;background:var(--primary-soft);color:#083f88}.primary-choice p{margin:4px 0 0;font-size:12px}.primary-button,.secondary-button{min-height:44px;padding:0 15px;border-radius:8px;font-weight:850}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.secondary-button{border:1px solid var(--line-strong);background:#fff;color:var(--ink)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.primary-button--wide{width:100%}.visit-outcome{margin-top:20px}.visit-outcome fieldset{display:grid;gap:13px;margin:0;padding:17px;border:1px solid var(--line);border-radius:10px}.visit-outcome legend{padding:0 6px;font-size:14px;font-weight:850}.visit-outcome label,.stacked-field,.product-picker label,.auth-card form label{display:grid;gap:5px;color:var(--ink-soft);font-size:11px;font-weight:800}.visit-outcome select,.visit-outcome textarea,.stacked-field textarea,.stacked-field select,.product-picker select,.product-picker input,.auth-card input,.auth-card select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink)}.form-actions{display:flex;justify-content:flex-end;gap:9px}.form-note{padding:9px 11px;border-radius:7px;background:var(--warning-soft);color:#6d3700;font-size:12px}.field-error{margin:5px 0 0;color:var(--danger);font-size:12px;font-weight:750}.order-workspace{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;align-items:start}.order-catalog{padding:18px}.catalog-search{min-height:44px;display:flex;align-items:center;gap:8px;margin:14px 0;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--canvas)}.catalog-search input{width:100%;border:0;background:transparent}.catalog-list{display:grid;gap:8px}.product-picker{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,.8fr) 92px auto;align-items:end;gap:9px;padding:11px;border:1px solid var(--line);border-radius:9px}.product-picker__identity strong,.product-picker__identity small{display:block}.product-picker__identity strong{font-size:13px}.product-picker__identity small{margin-top:4px;color:var(--muted);font-size:11px}.product-picker .field-error{grid-column:1 / -1}.catalog-unavailable{color:var(--danger);font-size:11px}.order-summary{position:sticky;top:calc(var(--topbar) + 16px)}.cart-lines,.outbox-list ul{margin:15px 0;padding:0;list-style:none}.cart-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-lines strong,.cart-lines small{display:block}.cart-lines strong{font-size:12px}.cart-lines small{margin-top:3px;color:var(--muted);font-size:10px}.cart-lines li>span{font-weight:900}.cart-lines button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--danger)}.order-totals{margin:14px 0}.order-totals>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.order-totals dt{color:var(--muted);font-size:11px}.order-totals dd{margin:0;text-align:right;font-size:11px;font-weight:850}.button-help,.muted-copy{color:var(--muted);font-size:11px;line-height:1.45;text-align:center}.online-gate{min-height:430px;display:grid;align-content:center;justify-items:center;text-align:center}.online-gate h2{margin:5px 0 7px}.online-gate>p{max-width:560px;margin:0;color:var(--muted);line-height:1.55}.online-gate--blocked .construction-page__icon{background:var(--warning-soft);color:var(--warning)}.online-policy{display:flex;align-items:center;gap:8px;margin-top:20px;padding:10px 12px;border-radius:8px;background:var(--canvas);color:var(--muted);font-size:12px}.outbox-list h3{margin:4px 0 0}.outbox-list ul{display:grid;gap:8px}.outbox-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:8px}.outbox-list li strong,.outbox-list li small{display:block}.outbox-list li strong{font-size:12px}.outbox-list li small{margin-top:3px;color:var(--muted);font-size:10px}.outbox-list li p{margin:5px 0 0;color:var(--danger);font-size:10px}.queue-kind{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary)}.queue-kind--failed{background:var(--danger-soft);color:var(--danger)}.queue-kind--applied{background:var(--success-soft);color:var(--success)}.queue-kind--history{background:var(--canvas);color:var(--muted)}.queue-state{color:var(--warning);font-size:10px;font-weight:850}.queue-state--failed{color:var(--danger)}.queue-state--applied{color:var(--success)}.queue-state--history{color:var(--muted)}.recovery-panel{min-width:0}.recovery-alert{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #b8d6f7;border-radius:9px;background:var(--primary-soft);color:#083f88}.recovery-alert--failed{border-color:#efb4ae;background:var(--danger-soft);color:var(--danger)}.recovery-alert strong,.recovery-alert p{display:block}.recovery-alert p{margin:4px 0 0;font-size:12px;line-height:1.45}.recovery-list{display:grid;gap:8px;margin:16px 0;padding:0;list-style:none}.recovery-list li{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px}.recovery-list strong,.recovery-list small{display:block}.recovery-list small{margin-top:3px;color:var(--muted)}.recovery-list p{margin:6px 0 0;color:var(--danger);font-size:11px;line-height:1.45}.recovery-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px}.role-summary{display:grid;gap:4px;margin:18px 0;padding:12px;border-radius:8px;background:var(--canvas)}.role-summary span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.mobile-logout{width:100%;margin-top:18px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eaf3fd,var(--canvas) 55%)}.auth-card{width:min(440px,100%);padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 22px 70px #102a4324}.auth-card>h1{margin:6px 0;font-size:30px}.auth-card>p:not(.eyebrow){margin:0 0 18px;color:var(--muted);line-height:1.5}.auth-card form{display:grid;gap:13px}.auth-card>small{display:block;margin-top:15px;color:var(--muted);line-height:1.45;text-align:center}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.auth-brand img{width:44px;height:44px;border-radius:11px}.auth-brand strong,.auth-brand span{display:block}.auth-brand span{margin-top:2px;color:var(--muted);font-size:11px}.auth-message{display:flex;align-items:flex-start;gap:8px;margin:13px 0;padding:10px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:12px}.auth-card--loading{display:grid;justify-items:center;text-align:center}.auth-card--loading img{width:56px;margin-bottom:18px}.auth-card--loading h1{margin-top:15px}@media (max-width: 900px){.session-warning,.environment-banner,.update-banner{margin:12px 16px 0}.context-select__value{display:block;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);font-size:12px}.route-layout,.order-workspace{grid-template-columns:1fr}.route-stops{order:1}.route-help,.visit-form,.order-workspace{order:0}.order-summary{position:static}.product-picker{grid-template-columns:minmax(0,1fr) 88px auto}.product-picker__identity{grid-column:1 / -1}}@media (max-width: 620px){.environment-banner,.update-banner{align-items:flex-start}.update-banner{display:grid;grid-template-columns:22px minmax(0,1fr)}.update-banner button{grid-column:1 / -1;width:100%}.source-strip{grid-template-columns:1fr}.stop-card{grid-template-columns:34px minmax(0,1fr)}.stop-status{grid-column:2;justify-self:start}.primary-choice{grid-template-columns:36px minmax(0,1fr)}.primary-choice .primary-button{grid-column:1 / -1;width:100%}.product-picker{grid-template-columns:1fr 88px}.product-picker__identity,.product-picker label:first-of-type{grid-column:1 / -1}.product-picker .secondary-button{align-self:end}.form-actions,.recovery-actions{display:grid;grid-template-columns:1fr}.auth-shell{padding:12px}.auth-card{padding:22px 18px}}@media (max-width: 380px){.topbar{grid-template-columns:36px minmax(0,1fr) 44px;gap:8px;padding-inline:8px}.main-content{padding-inline:10px}.session-warning,.environment-banner,.update-banner,.search-notice{margin-inline:10px}.panel{padding-inline:14px}.context-select__value{font-size:11px}.product-picker{grid-template-columns:minmax(0,1fr)}.product-picker__identity,.product-picker label:first-of-type{grid-column:1}.product-picker .secondary-button{width:100%}}