/* HIT Manufacturing UI v1.1
 * Token layers: neutral surfaces > semantic status > user-selected accent.
 * Keep brand red separate: themes must not recolor the supplied logo.
 */
:root {
 --brand:#EC1D2D;
 --bg:#F5F6F9; --surface:#FFFFFF; --surface-2:#F8F9FC; --surface-3:#EFF2F7;
 --text:#1B2434; --muted:#5C6779; --faint:#69758A; --border:#E1E5ED; --strong-border:#BBC4D2;
 --accent:#CA1930; --accent-soft:#FFF0F2; --on-accent:#FFFFFF;
 --green:#147254; --green-soft:#EAF7F0; --orange:#925B0B; --orange-soft:#FFF4DF;
 --red:#B42338; --red-soft:#FFECF0; --blue:#315CAD; --blue-soft:#EDF3FF;
 --purple:#7040AE; --purple-soft:#F3EDFB;
 --sidebar:236px; --radius:16px; --cell-pad:15px;
 --shadow:0 4px 24px rgba(25,35,54,.035); --hover-shadow:0 10px 26px rgba(25,35,54,.07);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 font-synthesis:none; color:var(--text); background:var(--bg); color-scheme:light;
}
:root[data-mode="dark"] {
 --bg:#111620; --surface:#1B2230; --surface-2:#202939; --surface-3:#283346;
 --text:#EEF2F8; --muted:#B3BED1; --faint:#A5B2C8; --border:#354157; --strong-border:#687994;
 --accent:#FF8293; --accent-soft:#3A202C; --on-accent:#260A12;
 --green:#75D8B0; --green-soft:#183B33; --orange:#F3C36E; --orange-soft:#3D3020;
 --red:#FF9FB1; --red-soft:#412432; --blue:#A0BFFD; --blue-soft:#243652;
 --purple:#C7AEF5; --purple-soft:#34294A;
 --shadow:0 4px 24px rgba(0,0,0,.09); --hover-shadow:0 10px 26px rgba(0,0,0,.2);
 color-scheme:dark;
}
:root[data-theme="graphite"] {--accent:#344155;--accent-soft:#EDF0F5;--on-accent:#FFF}
:root[data-theme="navy"] {--accent:#264DAB;--accent-soft:#EDF2FF;--on-accent:#FFF}
:root[data-theme="emerald"] {--accent:#08765F;--accent-soft:#EAF8F3;--on-accent:#FFF}
:root[data-theme="violet"] {--accent:#7040BE;--accent-soft:#F4EEFF;--on-accent:#FFF}
:root[data-theme="copper"] {--accent:#A75319;--accent-soft:#FFF3E9;--on-accent:#FFF}
:root[data-mode="dark"][data-theme="graphite"] {--accent:#BFCBE0;--accent-soft:#2B3547;--on-accent:#111827}
:root[data-mode="dark"][data-theme="navy"] {--accent:#8BB3FF;--accent-soft:#202F4D;--on-accent:#0F1E36}
:root[data-mode="dark"][data-theme="emerald"] {--accent:#63D7B9;--accent-soft:#173B35;--on-accent:#052C25}
:root[data-mode="dark"][data-theme="violet"] {--accent:#BAA2F5;--accent-soft:#312547;--on-accent:#24163F}
:root[data-mode="dark"][data-theme="copper"] {--accent:#F3B47F;--accent-soft:#3F2E22;--on-accent:#361D0E}
:root[data-density="compact"] {--cell-pad:10px}
* {box-sizing:border-box}
body {margin:0;font-size:14px;line-height:1.5;background:var(--bg)}
a {color:inherit;text-decoration:none}
button,input,select,textarea {font:inherit}
button,a,input,select,textarea {-webkit-tap-highlight-color:transparent}
button {cursor:pointer}
button:disabled {opacity:.55;cursor:not-allowed}
button,a {touch-action:manipulation}
:focus-visible {outline:3px solid var(--accent);outline-offset:3px}
input,select,textarea {width:100%;border:1px solid var(--strong-border);padding:11px 13px;background:var(--surface);color:var(--text);border-radius:9px;min-height:44px;max-width:100%}
input:focus,select:focus,textarea:focus {border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}
input::placeholder,textarea::placeholder {color:var(--faint);opacity:1}
textarea {min-height:92px;resize:vertical}
h1,h2,h3,h4,p {margin:0}
h1 {font-size:32px;letter-spacing:-1.15px;line-height:1.2;font-weight:720}
h2 {font-size:17px;letter-spacing:-.4px;font-weight:650}
h3 {font-size:15px;font-weight:650}
h4 {font-size:13px;font-weight:650}
small {font-size:12px}
.muted,.subtext {color:var(--muted)}
.subtext {font-size:12px;line-height:1.55;margin-top:3px}
.mono {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.15px}
.number {font-variant-numeric:tabular-nums}
.icon {width:19px;height:19px;display:inline-block;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.skip-link {position:fixed;top:-100px;left:20px;z-index:120;padding:12px 20px;border-radius:8px;background:var(--surface);color:var(--text);border:2px solid var(--accent)}
.skip-link:focus {top:12px}
/* Workspace shell */
.sidebar {position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:26px 16px 16px;z-index:40;overflow-y:auto;scrollbar-width:thin}
.brand {display:flex;align-items:center;gap:11px;flex-shrink:0;padding:0 7px 25px}
.logo-plate {display:flex;align-items:center;justify-content:center;background:#FFF;border:1px solid #E8EBEE;border-radius:7px;padding:5px 6px;flex:none}
.brand-logo {width:65px;height:auto;display:block;object-fit:contain}
.brand-wordmark {font-size:22px;font-weight:800;letter-spacing:1px;line-height:1.1}
.brand-wordmark>span {display:block;font-size:8px;letter-spacing:1.1px;color:var(--muted);margin-top:6px;white-space:nowrap;font-weight:650}
.workspace {display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);margin-bottom:25px}
.workspace>div {min-width:0;flex:1}
.workspace strong {display:block;font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace small {font-size:10px;color:var(--muted);display:block;margin-top:3px}
.workspace>.icon {width:13px;color:var(--muted)}
.workspace-dot {width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.nav-label {font-size:9px;font-weight:650;letter-spacing:1.6px;color:var(--faint);padding:0 12px 9px}
.nav-item {display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;margin:3px 0;color:var(--muted);font-size:12px;font-weight:520;min-height:43px;position:relative;transition:background .16s,color .16s}
.nav-item>.icon {width:18px;height:18px}
.nav-item:hover {background:var(--surface-2);color:var(--text)}
.nav-item.active {color:var(--accent);background:var(--accent-soft);font-weight:650}
.nav-item.active:before {content:'';position:absolute;left:-16px;width:3px;top:12px;bottom:12px;border-radius:0 3px 3px 0;background:var(--accent)}
.nav-current-dot {width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:auto;display:none}
.nav-item.active .nav-current-dot {display:block}
.nav-spacer {height:23px}
.sidebar-bottom {margin-top:auto;padding-top:32px}
.security-note {display:flex;gap:9px;padding:13px 10px;border:1px solid var(--border);border-radius:10px;margin-bottom:15px;color:var(--muted)}
.security-note>.icon {width:17px;color:var(--accent);margin-top:3px}
.security-note strong {display:block;font-size:10px;color:var(--text);font-weight:620}
.security-note span {display:block;font-size:9px;margin-top:4px}
.profile {display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding-top:16px}
.profile>div {min-width:0;flex:1}
.avatar {width:34px;height:34px;flex:none;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:1px solid var(--border)}
.avatar.large {width:52px;height:52px;font-size:16px}
.profile strong {display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile small {display:block;font-size:10px;color:var(--muted);margin-top:3px}
.main {margin-left:var(--sidebar);min-width:0;min-height:100vh}
.topbar {height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:20}
.crumb {display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap;min-width:0}
.crumb-root,.crumb-slash {color:var(--muted)}
.crumb-slash {opacity:.7}
.crumb strong {font-weight:600;overflow:hidden;text-overflow:ellipsis}
.top-actions {display:flex;align-items:center;gap:9px;flex:none}
.scan-search {display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);margin-right:9px}
.scan-search>.icon {width:15px;color:var(--muted)}
.scan-search input {border:0;outline:0;box-shadow:none;background:transparent;padding:9px 0;width:155px;min-height:36px;font-size:11px}
.scan-search:focus-within {outline:2px solid var(--accent);outline-offset:2px}
.keycap {border:1px solid var(--strong-border);border-radius:4px;padding:0 5px;font-size:10px;color:var(--muted);background:var(--surface)}
.mode-switch {display:flex;align-items:center;gap:3px;background:var(--surface-3);border:1px solid var(--border);padding:3px;border-radius:9px}
.mode-switch button {display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:6px;font-size:11px;font-weight:550;min-height:32px;padding:6px 9px;transition:background .16s,color .16s}
.mode-switch button[aria-pressed="true"] {background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 1px 3px #00000009}
.mode-switch .icon {width:15px;height:15px}
.workspace-context {display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;gap:10px;margin:0 0 24px}
.workspace-context>span {display:flex;gap:6px;align-items:center}
.workspace-context .icon {width:13px;height:13px}
.status-live {display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--green)}
.status-live.demo {color:var(--muted)}
.dot {display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
.status-live .dot {width:6px;height:6px}
.content {padding:24px 32px 18px;max-width:1740px;margin:0 auto;min-width:0}
#page {min-width:0;outline:none}
.page-head {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.eyebrow {font-size:9px;font-weight:650;letter-spacing:1.9px;color:var(--accent);margin-bottom:8px}
.page-head p {font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6;max-width:650px}
.actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.page-head>.actions {justify-content:flex-end;flex-shrink:0;max-width:45%}
.date-chip {display:inline-flex;align-items:center;gap:7px;padding:8px 0;font-size:11px;color:var(--muted);white-space:nowrap}
.date-chip>.icon {width:15px;height:15px}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;color:var(--text);border:1px solid var(--strong-border);background:var(--surface);border-radius:8px;padding:10px 14px;min-height:42px;line-height:1.3;transition:background .16s,transform .16s,box-shadow .16s;white-space:normal;text-align:center}
.btn .icon {width:16px;height:16px}
.btn:hover {background:var(--surface-2);box-shadow:var(--shadow)}
.btn:active {transform:translateY(1px)}
.btn.primary {background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.primary:hover {box-shadow:0 0 0 3px var(--accent-soft);filter:brightness(.98)}
.btn.danger {color:var(--red);border-color:var(--red);background:var(--red-soft)}
.btn.small {padding:7px 10px;font-size:11px;min-height:34px;border-color:var(--border)}
.icon-button {width:36px;height:36px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:8px;transition:background .15s,color .15s}
.icon-button:hover {background:var(--surface-3);color:var(--accent)}
.icon-button>.icon {width:17px;height:17px}
.mobile-menu,.mobile-nav-close,.mobile-header-logo,.nav-overlay {display:none}
.link {display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap;padding:5px 0}
.link>.icon {width:14px;height:14px;transition:transform .15s}
.link:hover>.icon {transform:translateX(3px)}
/* Overview cards */
.metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px;margin-bottom:25px}
.metric {min-width:0;display:block;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:18px 20px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s}
.metric:hover {transform:translateY(-2px);border-color:var(--strong-border);box-shadow:var(--hover-shadow)}
.metric-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.metric-icon {height:31px;width:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}
.metric-icon>.icon {width:17px;height:17px}
.metric-box {background:var(--green-soft);color:var(--green)}
.metric-shield,.metric-alert {background:var(--orange-soft);color:var(--orange)}
.metric-arrow {color:var(--faint);opacity:.75}
.metric-arrow>.icon {width:15px;height:15px}
.metric-value {font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-1px;margin-bottom:5px}
.metric-label {font-size:12px;font-weight:600;line-height:1.45}
.metric-note {font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}
/* Material-to-market explorer. Cards contain real, explicitly labelled counts. */
.panel {background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:23px;min-width:0;overflow:hidden}
.panel-header {display:flex;justify-content:space-between;align-items:center;padding:21px 22px;border-bottom:1px solid var(--border);gap:15px}
.panel-header h2 {font-size:15px}
.panel-header p {font-size:11px;color:var(--muted);margin-top:5px}
.panel-body {padding:20px 22px}
.journey {border-radius:17px;position:relative;overflow:visible}
.journey-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 24px 17px}
.journey-heading .eyebrow {font-size:9px;letter-spacing:1.7px;margin-bottom:7px}
.journey-heading h2 {font-size:23px;letter-spacing:-.65px}
.journey-heading p {font-size:11px;color:var(--muted);margin-top:6px}
.journey-tag {display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;border:1px solid var(--border);border-radius:7px;padding:7px 9px;white-space:nowrap}
.journey-tag .icon {width:14px;height:14px;color:var(--accent)}
.journey-track {list-style:none;display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));padding:3px 24px 20px;gap:13px;margin:0;overflow-x:auto;scrollbar-width:thin}
.journey-track>li {min-width:0;position:relative}
.journey-track>li:not(:last-child):after {content:'';width:7px;height:7px;border-top:1px solid var(--strong-border);border-right:1px solid var(--strong-border);transform:rotate(45deg);position:absolute;right:-10px;top:46%;pointer-events:none}
.journey-step {position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:11px;padding:13px 11px 12px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;min-height:168px}
.journey-step:hover {border-color:var(--strong-border);transform:translateY(-2px)}
.journey-step.selected {border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.journey-step-top {display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px}
.journey-symbol {display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}
.journey-symbol .icon {width:17px;height:17px}
.journey-step.selected .journey-symbol {background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.step-number {font-size:9px;color:var(--faint);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.journey-name {font-size:11px;font-weight:650;line-height:1.4;min-height:16px}
.journey-count {font-size:27px;letter-spacing:-.7px;font-weight:700;line-height:1.3;margin:10px 0 1px;font-variant-numeric:tabular-nums}
.journey-step.selected .journey-count {color:var(--accent)}
.journey-unit {font-size:9px;color:var(--muted);line-height:1.4}
.review-dot {position:absolute;right:9px;bottom:13px;width:5px;height:5px;background:var(--orange);border-radius:50%}
.journey-step.restricted {border-style:dashed}
.journey-step.restricted .journey-count {font-size:24px;color:var(--muted)}
.journey-detail {margin:0 24px 0;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow:hidden}
.journey-detail-main {display:flex;align-items:center;gap:14px;padding:18px 20px}
.detail-symbol {width:41px;height:41px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}
.detail-symbol .icon {width:21px;height:21px}
.journey-detail-main>div {flex:1;min-width:0}
.journey-detail .eyebrow {font-size:8px;letter-spacing:1.35px;margin-bottom:5px}
.journey-detail h3 {font-size:15px;margin-bottom:4px}
.journey-detail p {font-size:11px;color:var(--muted);line-height:1.65;max-width:670px}
.detail-stat {font-size:10px;font-weight:600;color:var(--text);display:block;margin-top:6px}
.journey-detail .btn {font-size:11px;min-height:38px;flex:none;max-width:230px;padding:10px 12px}
.journey-rule {display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;padding:11px 20px;border-top:1px solid var(--border);background:var(--surface)}
.journey-rule .icon {width:13px;height:13px;color:var(--accent)}
.journey-bottom {display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:15px 24px 21px}
.readiness-links {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.readiness-chip {display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;border:1px solid var(--border);border-radius:6px;padding:6px 8px;transition:background .16s}
.readiness-chip>.icon {height:12px;width:12px}
.readiness-chip strong {margin-left:3px;color:var(--text);font-size:10px}
.readiness-chip.has-hold {background:var(--orange-soft);color:var(--orange);border-color:transparent}
.readiness-chip.has-hold strong {color:var(--orange)}
.readiness-chip:hover {background:var(--surface-3)}
.journey-caption {font-size:9px;color:var(--muted)}
/* Production, tables and existing transactional screens */
.grid-2 {display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:23px;align-items:start}
.grid-2>* {min-width:0}
.table-wrap {max-width:100%;overflow-x:auto;scrollbar-width:thin}
table {width:100%;border-collapse:collapse;text-align:left}
th {padding:11px 20px;background:var(--surface-2);font-size:9px;font-weight:650;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}
td {padding:var(--cell-pad) 20px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:middle;line-height:1.5}
tr:last-child td {border-bottom:0}
tbody tr {transition:background .15s}
tbody tr:hover {background:var(--surface-2)}
td strong {font-weight:600}
td .subtext {font-size:10px}
td .icon-button {width:29px;height:29px}
td .icon-button .icon {width:15px;height:15px}
.product-cell {display:flex;align-items:center;gap:10px}
.item-icon {width:33px;height:33px;background:var(--surface-3);border:1px solid var(--border);border-radius:9px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex:none}
.item-icon .icon {width:19px;height:19px}
.pill {display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:550;line-height:1.2;padding:5px 8px;border-radius:5px;background:var(--surface-3);color:var(--muted);white-space:nowrap;max-width:100%}
.pill .icon {width:12px;height:12px}
.pill.green {background:var(--green-soft);color:var(--green)}
.pill.orange {background:var(--orange-soft);color:var(--orange)}
.pill.red {background:var(--red-soft);color:var(--red)}
.pill.blue {background:var(--blue-soft);color:var(--blue)}
.pill.purple {background:var(--purple-soft);color:var(--purple)}
.pill.gray {background:var(--surface-3);color:var(--muted)}
.alert-list {display:flex;flex-direction:column;gap:12px}
.attention {display:flex;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--border)}
.attention:last-child {padding-bottom:0;border:0}
.attention-symbol {display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;background:var(--orange-soft);border-radius:6px;color:var(--orange)}
.attention-symbol .icon {width:14px;height:14px}
.attention h4 {font-size:11px;margin-bottom:4px}
.attention p {font-size:10px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}
.activity {display:flex;align-items:flex-start;gap:10px;padding:0 0 18px;position:relative}
.activity:last-child {padding-bottom:0}
.activity:not(:last-child):before {content:'';position:absolute;left:13px;top:29px;bottom:0;border-left:1px solid var(--border)}
.activity-bubble {display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--muted)}
.activity-bubble .icon {width:13px;height:13px}
.activity h4 {font-size:11px;font-weight:600}
.activity p {font-size:10px;color:var(--muted);margin-top:3px}
.activity time {font-size:9px;color:var(--faint);display:block;margin-top:4px}
.notice {font-size:12px;line-height:1.7;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:13px 16px;margin-bottom:19px;overflow-wrap:anywhere}
.notice.warn {color:var(--orange);background:var(--orange-soft);border-color:transparent}
.notice.error {color:var(--red);background:var(--red-soft);border-color:transparent}
.empty {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;color:var(--muted);font-size:12px;line-height:1.7}
.empty .icon {width:30px;height:30px;margin-bottom:12px;color:var(--muted)}
.empty strong {display:block;color:var(--text);font-weight:600;margin-bottom:5px}
.toolbar {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.toolbar>input {max-width:410px;font-size:12px;background:var(--surface)}
.search-field {display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--strong-border);border-radius:9px;padding:0 13px;max-width:460px;flex:1;min-width:0}
.search-field>.icon {width:17px;color:var(--muted)}
.search-field input {border:0;background:transparent;min-height:42px;padding-left:0;outline:none;box-shadow:none;font-size:12px}
.search-field:focus-within {outline:2px solid var(--accent);outline-offset:1px}
.tabs {display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.tab {background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:8px 11px;font-size:11px;color:var(--muted);transition:background .15s}
.tab:hover {background:var(--surface-2);color:var(--text)}
.tab.active {background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}
.pagination {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--muted);padding:13px 20px;border-top:1px solid var(--border)}
.cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.recipe-card {background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:23px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.recipe-card:hover {transform:translateY(-2px);box-shadow:var(--hover-shadow)}
.recipe-card h3 {font-size:17px;margin:17px 0 5px;letter-spacing:-.35px}
.recipe-card .recipe-meta {display:flex;justify-content:space-between;align-items:center}
.recipe-card ul {list-style:none;padding:15px 0;margin:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.recipe-card li {display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:7px 0}
.recipe-card li>strong {white-space:nowrap;font-weight:600}
.recipe-card .subtext {font-size:11px}
.detail-header {display:flex;gap:20px;align-items:center;margin-bottom:25px}
.detail-header .item-icon {width:54px;height:54px;background:var(--accent-soft);color:var(--accent);border-radius:13px}
.detail-header .item-icon .icon {width:28px;height:28px}
.detail-header .actions {margin-left:auto}
.facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:11px;margin-bottom:22px}
.fact-label {font-size:10px;color:var(--muted);margin-bottom:6px}
.fact-value {font-size:13px;font-weight:600;overflow-wrap:anywhere}
.batch-track {list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:24px 20px 23px;margin:0}
.batch-track li {position:relative;min-width:0}
.batch-track li:not(:last-child):before {content:'';position:absolute;top:19px;left:50%;width:100%;height:2px;background:var(--border)}
.milestone {position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;height:100%;border:0;background:transparent;color:var(--muted);padding:0 7px 7px;z-index:1;text-align:center;border-radius:8px}
.milestone-node {width:39px;height:39px;display:flex;align-items:center;justify-content:center;border:1px solid var(--strong-border);background:var(--surface);border-radius:50%;transition:background .16s,transform .16s}
.milestone-node .icon {width:17px;height:17px}
.milestone:hover .milestone-node {transform:translateY(-2px);background:var(--surface-3)}
.milestone.completed .milestone-node {background:var(--green-soft);border-color:var(--green);color:var(--green)}
.milestone.current:not(.completed) .milestone-node {color:var(--on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.milestone-name {font-size:11px;color:var(--text);font-weight:600}
.milestone small {font-size:9px;line-height:1.6;color:var(--muted)}
.batch-journey-note {display:flex;align-items:center;gap:8px;padding:13px 22px;background:var(--surface-2);border-top:1px solid var(--border);font-size:10px;color:var(--muted)}
.batch-journey-note .icon {width:14px;height:14px;color:var(--accent)}
/* Account and appearance settings */
.appearance-hero {display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--accent-soft);border:1px solid var(--border);border-radius:14px;padding:22px 25px;margin-bottom:25px}
.appearance-brand {display:flex;align-items:center;gap:19px}
.appearance-brand .brand-logo {width:83px}
.appearance-brand .logo-plate {padding:8px}
.appearance-brand .eyebrow {font-size:8px;margin-bottom:6px}
.appearance-brand h2 {font-size:17px;color:var(--text)}
.appearance-brand p {font-size:11px;color:var(--muted);margin-top:5px}
.saved-status {font-size:10px;color:var(--accent);font-weight:550}
.settings-grid {display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start}
.settings-main,.settings-side {min-width:0}
.mode-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.preference-option {position:relative;background:var(--surface);border:1px solid var(--strong-border);border-radius:10px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;color:var(--text);transition:border-color .16s,box-shadow .16s,transform .16s;min-width:0}
.preference-option:hover {border-color:var(--accent);transform:translateY(-1px)}
.preference-option.selected {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}
.preference-label {font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}
.preference-label .icon {width:16px;height:16px}
.preference-option small {font-size:11px;color:var(--muted);line-height:1.6}
.choice-check {display:inline-flex;color:var(--accent);opacity:0;flex:none}
.choice-check .icon {width:17px;height:17px}
.preference-option>.choice-check {position:absolute;right:12px;bottom:14px}
.selected .choice-check {opacity:1}
.mode-mini {display:flex;height:70px;background:#F2F4F7;border:1px solid #CFD6E1;border-radius:6px;width:100%;overflow:hidden;margin-bottom:3px}
.mode-mini>i {width:23%;background:#FFF;border-right:1px solid #E1E5EC;position:relative}
.mode-mini>i:after {content:'';position:absolute;left:15%;right:15%;height:6px;top:12px;border-radius:2px;background:#CA1930}
.mode-mini>span {flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:7px}
.mode-mini b {display:block;background:#263245;width:48%;height:5px;border-radius:2px}
.mode-mini em {display:block;background:#D6DCE6;height:9px;border-radius:3px;width:100%}
.mode-mini-dark {background:#151C29;border-color:#45526A}
.mode-mini-dark>i {background:#242D3F;border-color:#45526A}
.mode-mini-dark b {background:#DFE5EF}
.mode-mini-dark em {background:#3A4761}
.mode-mini-system {background:linear-gradient(90deg,#F2F4F7 50%,#151C29 50%)}
.mode-mini-system em {background:linear-gradient(90deg,#D6DCE6 32%,#3A4761 32%)}
.theme-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.theme-option {--preview-accent:var(--preview-light);--preview-soft:var(--preview-soft-light);position:relative;display:block;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--strong-border);border-radius:11px;padding:12px;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s}
[data-mode="dark"] .theme-option {--preview-accent:var(--preview-dark);--preview-soft:var(--preview-soft-dark)}
.theme-option:hover {transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}
.theme-option.selected {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.theme-mini {height:89px;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);overflow:hidden;display:flex;margin-bottom:12px}
.theme-mini>i {width:22%;background:var(--surface);border-right:1px solid var(--border);padding:12px 5px;display:flex;flex-direction:column;gap:6px}
.theme-mini>i b {height:7px;display:block;background:var(--preview-accent);border-radius:2px;margin-bottom:8px}
.theme-mini>i em {display:block;height:3px;background:var(--border);border-radius:1px}
.theme-mini>span {padding:12px 9px;flex:1;min-width:0}
.theme-mini>span>b {display:block;background:var(--text);height:4px;width:60%;border-radius:2px;margin-bottom:10px;opacity:.8}
.theme-mini-cards {display:flex;gap:4px;width:100%}
.theme-mini-cards em {display:block;background:var(--surface);border:1px solid var(--border);border-radius:3px;height:20px;flex:1}
.theme-mini-cards em:first-child {background:var(--preview-soft);border-color:var(--preview-accent)}
.theme-mini-line {display:block;height:10px;background:var(--preview-soft);border-radius:3px;margin-top:8px;border-left:3px solid var(--preview-accent)}
.theme-name {font-size:12px;font-weight:650;display:flex;justify-content:space-between;gap:4px;align-items:center;line-height:1.4}
.theme-description {display:block;font-size:10px;color:var(--muted);line-height:1.7;min-height:34px;margin:6px 0 11px}
.theme-swatches {display:flex;gap:3px;overflow:hidden;width:100%;height:13px;border-radius:3px}
.theme-swatches i {display:block;width:25%;height:100%;background:var(--preview-accent)}
.theme-swatches i:nth-child(2) {background:var(--preview-soft);border:1px solid var(--border)}
.theme-swatches i:nth-child(3) {background:var(--surface-3);border:1px solid var(--border)}
.theme-swatches i:nth-child(4) {background:var(--text)}
.theme-code {font-size:9px;font-family:ui-monospace,monospace;color:var(--muted);display:block;margin-top:7px}
.setting-label {font-size:12px;margin:0 0 12px}
.setting-label:not(:first-child) {margin-top:26px}
.two-options {display:grid;grid-template-columns:1fr 1fr;gap:14px}
.two-options .preference-option {padding:16px;gap:5px}
.two-options .preference-option>.icon {color:var(--accent);margin-bottom:5px;width:20px;height:20px}
.two-options .preference-option>.choice-check {bottom:auto;top:15px}
.settings-note {font-size:11px;color:var(--muted);line-height:1.8;margin-top:15px}
.account-name {margin-top:12px;font-size:16px}
.account-facts {margin:22px 0;display:flex;flex-direction:column;gap:5px}
.account-facts dt {font-size:10px;color:var(--muted);margin-top:12px}
.account-facts dd {font-size:11px;font-weight:600;margin:0;overflow-wrap:anywhere}
.settings-side .btn {width:100%;font-size:11px}
.brand-swatch {width:100%;height:46px;background:var(--brand);border-radius:7px;margin-bottom:12px}
.brand-swatch-label {font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:5px}
.brand-swatch-label .mono {font-size:10px;font-weight:400;color:var(--muted)}
.settings-tip {display:flex;gap:10px;padding:2px 5px;color:var(--muted)}
.settings-tip>.icon {color:var(--accent);height:17px;width:17px;margin-top:1px}
.settings-tip h3 {font-size:11px;font-weight:600;color:var(--text)}
.settings-tip p {font-size:11px;line-height:1.8;margin-top:7px}
/* Accessible dialogs and operator forms */
dialog {border:1px solid var(--border);border-radius:16px;width:min(780px,94vw);padding:0;box-shadow:0 30px 110px #00000040;background:var(--surface);color:var(--text);max-height:91vh}
dialog::backdrop {background:#0B132470;backdrop-filter:blur(3px)}
dialog[open] {animation:dialog-enter .18s ease-out}
.modal-head {padding:24px 26px 20px;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;align-items:flex-start}
.modal-head h2 {font-size:21px}
.modal-head p {font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7}
.modal-body {padding:23px 26px;max-height:63vh;overflow-y:auto}
.modal-body>p {line-height:1.8;font-size:13px;margin-top:9px}
.modal-footer {display:flex;justify-content:flex-end;gap:10px;padding:16px 26px;border-top:1px solid var(--border);background:var(--surface-2)}
.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:17px}
.field {display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550;margin-bottom:17px}
.field small {color:var(--muted);font-size:11px;font-weight:400;line-height:1.6}
.form-grid .field {margin-bottom:0}
.field.full {grid-column:1/-1}
.field input,.field select,.field textarea {font-size:13px;font-weight:400}
.modal-error {font-size:12px;line-height:1.7;color:var(--red);margin-top:14px}
.line-row {display:grid;grid-template-columns:minmax(135px,2fr) minmax(80px,1fr) minmax(70px,1fr) 30px;gap:8px;margin:10px 0;align-items:center}
.line-row select,.line-row input {padding:9px;font-size:12px;min-height:39px}
.section-label {font-size:12px;font-weight:600;margin:23px 0 10px}
.checklist input {min-width:88px;font-size:12px;padding:8px;min-height:37px}
.checklist td {padding:10px 12px}
.checklist th {padding:10px 12px}
.json {white-space:pre-wrap;font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:14px;max-height:400px;overflow:auto;word-break:break-word;color:var(--text)}
/* Sign-in */
.boot {min-height:100vh;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:30px;line-height:1.8}
.boot h2 {color:var(--text)}
.boot-logo {width:125px;height:auto;background:#FFF;border:1px solid var(--border);padding:10px;border-radius:10px}
.login-layout {min-height:100vh;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr)}
.login-story {background:#131923;color:white;padding:48px 55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}
.login-story:before {content:'';position:absolute;z-index:-1;width:700px;height:700px;border:1px solid #FFFFFF0C;border-radius:50%;right:-370px;top:22%;box-shadow:0 0 0 85px #FFFFFF03,0 0 0 160px #FFFFFF02}
.login-story:after {content:'';position:absolute;z-index:-1;right:-180px;bottom:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(ellipse,#EC1D2D22 0,transparent 68%)}
.login-story .brand {padding:0}
.login-story .brand-wordmark>span {color:#B7C1D1}
.login-copy {padding:55px 0}
.login-copy h1 {font-size:clamp(40px,3.8vw,61px);line-height:1.12;letter-spacing:-2.5px;max-width:530px;margin:24px 0}
.login-copy h1 span {color:#FF8B99}
.login-copy p {font-size:14px;color:#B8C2D3;max-width:440px;line-height:1.9}
.login-kicker {font-size:9px;letter-spacing:2.3px;color:#D5DCE7}
.login-flow {display:flex;gap:12px;align-items:center;margin-top:43px;flex-wrap:wrap}
.login-flow span {display:flex;gap:7px;align-items:center;font-size:11px;color:#D4DCE8;border:1px solid #45506A;border-radius:8px;padding:10px 12px;background:#1A2231}
.login-flow .icon {width:16px;height:16px;color:#FF8B99}
.login-flow i {height:1px;background:#45506A;width:18px}
.login-meta {font-size:10px;color:#B8C2D3;display:flex;gap:20px;flex-wrap:wrap}
.login-meta .icon {width:15px;height:15px;margin-right:5px}
.login-form-side {position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:90px 44px;background:var(--surface);min-height:100vh}
.login-card {width:360px;max-width:100%;min-width:0}
.login-card h2 {font-size:32px;letter-spacing:-1px;margin:12px 0}
.login-card p {font-size:13px;color:var(--muted);margin-bottom:28px;line-height:1.8}
.login-card .btn {width:100%;padding:14px;font-size:12px}
.login-card .field {margin-bottom:20px}
.login-note {font-size:11px;color:var(--muted);text-align:center;margin-top:25px;line-height:1.8}
.login-demo {font-size:11px;line-height:1.8;color:var(--orange);padding:11px 13px;background:var(--orange-soft);border-radius:8px;margin-bottom:24px}
.login-appearance {position:absolute;right:30px;top:26px}
.login-footer {position:absolute;left:0;bottom:25px;text-align:center;width:100%;font-size:10px;color:var(--muted)}
.login-mobile-brand {display:none}
/* Feedback, reports, documents */
#toasts {position:fixed;bottom:24px;right:24px;z-index:110;display:flex;flex-direction:column;gap:10px;max-width:min(440px,90vw)}
.toast {background:var(--text);color:var(--bg);padding:14px 18px;border-radius:10px;box-shadow:var(--hover-shadow);font-size:12px;line-height:1.7;animation:dialog-enter .18s ease-out}
.toast.error {background:var(--red-soft);color:var(--red);border:1px solid var(--red)}
.mini-bars {display:flex;align-items:flex-end;gap:15px;min-height:150px;padding:16px 10px 0;overflow-x:auto}
.bar-col {flex:1;text-align:center;min-width:30px}
.bar {background:var(--accent);border-radius:5px 5px 0 0;min-height:2px;max-height:115px}
.bar-col small {font-size:10px;color:var(--muted)}
.bar-col strong {font-size:11px}
.print-sheet {--surface:#FFF;--surface-2:#F7F8FA;--surface-3:#EBEEF3;--text:#1B2434;--muted:#596578;--border:#D9DEE7;--green:#147254;--green-soft:#EAF7F0;--red:#B42338;--red-soft:#FFECF0;--blue:#315CAD;--blue-soft:#EDF3FF;--orange:#925B0B;--orange-soft:#FFF4DF;background:#FFF;color:#1B2434;border:1px solid var(--border);border-radius:12px;padding:35px;max-width:1000px;margin:auto;color-scheme:light}
.print-brand {padding-bottom:22px;margin-bottom:24px;border-bottom:2px solid #EC1D2D}
.print-brand .brand-logo {width:92px;height:auto}
.print-top {display:flex;justify-content:space-between;gap:20px;margin-bottom:35px}
.print-top h1 {font-size:26px}
.print-top p {font-size:12px;color:var(--muted);margin-top:5px}
.print-sheet .eyebrow {color:#B41A2D}
.print-totals {width:290px;margin:25px 0 0 auto}
.print-totals div {display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);font-size:13px}
.print-totals div:last-child {font-weight:700;font-size:18px}
.qr-label {width:110px;height:110px}
.loading {padding:30px 0;color:var(--muted);font-size:12px}
.loading>p {margin-top:20px}
.skeleton {background:var(--surface-3);border:1px solid var(--border);border-radius:12px}
.skeleton-heading {width:45%;height:37px;margin-bottom:30px}
.skeleton-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.skeleton-grid>i {height:145px}
.footer {display:flex;justify-content:space-between;gap:18px;font-size:9px;color:var(--faint);padding:16px 0 3px;margin-top:20px}
.footer-divider {margin:0 6px;color:var(--faint)}
.spacer {height:20px}
/* Deliberate motion: no perpetual bouncing, flashing or fake live telemetry. */
.page-enter {animation:page-enter .22s ease-out}
.detail-enter {animation:detail-enter .18s ease-out}
@keyframes page-enter {from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes detail-enter {from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-enter {from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Responsive factory tablets and phones */
@media(min-width:1600px) {
 .content {padding:28px 44px 22px}.topbar {padding:0 44px}.metric {padding:22px 24px}.metric-value {font-size:37px}.journey-step {padding:17px 15px;min-height:181px}.journey-name {font-size:12px}.journey-unit {font-size:10px}.journey-count {font-size:31px}.journey-step-top {margin-bottom:17px}
}
@media(max-width:1280px) {
 :root {--sidebar:215px}.sidebar {padding-left:13px;padding-right:13px}.nav-item.active:before {left:-13px}.brand {gap:8px}.brand-logo {width:57px}.brand-wordmark {font-size:20px}.brand-wordmark>span {font-size:7px}.content {padding:23px 24px 18px}.topbar {padding:0 24px}.page-head {gap:15px}.page-head>.actions {max-width:40%}.date-chip {display:none}.scan-search {display:none}.grid-2 {grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:19px}.metric {padding:17px}.metric-label {font-size:11px}.metric-note {font-size:10px}.metrics {gap:13px}.settings-grid {grid-template-columns:minmax(0,1fr) 240px;gap:20px}.theme-options {grid-template-columns:repeat(2,minmax(0,1fr))}.mode-options {gap:10px}.mode-options .preference-option {padding:10px}.journey-track {padding-left:20px;padding-right:20px;gap:12px}.journey-step {padding:12px 9px}.journey-heading {padding-left:20px;padding-right:20px}.journey-detail {margin-left:20px;margin-right:20px}.journey-bottom {padding-left:20px;padding-right:20px}.journey-name {font-size:10px}.journey-count {font-size:26px}
}
@media(max-width:1100px) {
 .grid-2 {grid-template-columns:minmax(0,1fr)}.cards {grid-template-columns:repeat(2,minmax(0,1fr))}.journey-detail-main {flex-wrap:wrap}.journey-detail-main>.btn {margin-left:55px}.journey-track {grid-template-columns:repeat(7,minmax(108px,1fr))}.page-head h1 {font-size:28px}.settings-grid {grid-template-columns:minmax(0,1fr)}.settings-side {display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-tip {grid-column:1/-1}.theme-options {grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-hero {align-items:flex-start;flex-direction:column}.journey-tag {display:none}
}
@media(max-width:900px) {
 .sidebar {visibility:hidden;transform:translateX(-100%);transition:transform .2s,visibility .2s;width:252px;box-shadow:20px 0 55px #00000020;padding-top:23px}.sidebar.open {visibility:visible;transform:translateX(0);transition:transform .2s}.brand-logo {width:65px}.brand-wordmark {font-size:22px}.brand-wordmark>span {font-size:8px}.mobile-nav-close {display:inline-flex;position:absolute;right:8px;top:10px;width:28px;height:28px}.sidebar .brand {padding-top:18px}.main {margin-left:0}.topbar {height:66px;padding:0 22px}.mobile-menu {display:inline-flex}.nav-open .nav-overlay {display:block;position:fixed;inset:0;background:#050C195E;z-index:35;border:0;cursor:default}.nav-open {overflow:hidden}.content {padding:21px 22px 15px}.workspace-context {margin-bottom:23px}.page-head {gap:15px}.metrics {grid-template-columns:repeat(4,minmax(0,1fr))}.metric {padding:17px 15px}.metric-value {font-size:30px}.journey-track {grid-template-columns:repeat(7,minmax(101px,1fr))}.crumb-root,.crumb-slash {display:none}
}
@media(max-width:650px) {
 .topbar {padding:0 12px;gap:5px;height:64px}.top-actions {gap:3px}.top-actions>.icon-button {width:31px}.settings-shortcut {display:none!important}.crumb {gap:6px;font-size:11px}.crumb strong {max-width:117px}.mode-switch {padding:2px;gap:1px}.mode-switch button {padding:6px 8px;min-height:33px}.mode-switch button>span {display:none}.mode-switch .icon {width:15px;height:15px}.mobile-header-logo {display:flex;align-items:center;background:#FFF;border-radius:4px;padding:3px}.mobile-header-logo .brand-logo {width:38px}.mobile-menu {width:30px}.content {padding:19px 16px 15px}.workspace-context {font-size:9px;gap:7px;margin-bottom:22px}.workspace-context .status-live {font-size:9px}.workspace-context>span:last-child {font-size:9px}.workspace-context>span:last-child>.icon {display:none}.page-head {flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:23px}.page-head h1 {font-size:28px;letter-spacing:-.9px}.page-head p {font-size:12px;line-height:1.7;margin-top:9px}.page-head>.actions {justify-content:flex-start;max-width:100%}.eyebrow {font-size:8px;letter-spacing:1.7px}.metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:23px}.metric {padding:16px}.metric-label {font-size:11px}.metric-note {font-size:10px;line-height:1.6}.metric-value {font-size:32px}.metric-icon {height:29px;width:29px}.metric-top {margin-bottom:9px}.panel {border-radius:12px;margin-bottom:20px}.panel-header {padding:18px 17px;align-items:flex-start;gap:10px}.panel-header h2 {font-size:14px}.panel-header p {font-size:11px}.panel-body {padding:18px 17px}.journey-heading {padding:21px 17px 18px}.journey-heading h2 {font-size:23px}.journey-heading p {font-size:11px;max-width:270px;line-height:1.7}.journey-track {grid-template-columns:1fr;gap:10px;padding:0 17px 18px;overflow:visible}.journey-step {display:grid;grid-template-columns:37px minmax(0,1fr) 82px;grid-template-rows:auto auto;column-gap:11px;row-gap:3px;min-height:69px;padding:11px 12px;align-items:center;border-radius:9px}.journey-step-top {display:contents}.journey-symbol {grid-column:1;grid-row:1/3;width:34px;height:34px;z-index:2}.step-number {display:none}.journey-name {font-size:12px;grid-column:2;grid-row:1/3;min-height:0;align-self:center}.journey-count {grid-column:3;grid-row:1;font-size:23px;line-height:1;text-align:right;justify-self:end;margin:0}.journey-unit {grid-column:3;grid-row:2;justify-self:end;font-size:9px;text-align:right;max-width:82px}.journey-track>li:not(:last-child):after {content:'';border:none;transform:none;top:auto;bottom:-10px;left:29px;width:1px;height:10px;background:var(--strong-border)}.review-dot {right:auto;left:8px;bottom:8px;width:4px;height:4px}.journey-step:hover {transform:none}.journey-detail {margin:0 17px}.journey-detail-main {padding:17px 15px;gap:11px;align-items:flex-start}.detail-symbol {height:33px;width:33px;border-radius:8px}.detail-symbol .icon {height:18px;width:18px}.journey-detail-main>div {min-width:160px}.journey-detail .eyebrow {font-size:7px;letter-spacing:1px;line-height:1.6}.journey-detail p {font-size:11px;line-height:1.8}.journey-detail h3 {font-size:15px;margin-bottom:5px}.journey-detail-main>.btn {margin-left:0;width:100%;max-width:none;min-height:40px;font-size:11px;margin-top:4px}.journey-rule {padding:12px 15px;font-size:10px;align-items:flex-start;line-height:1.7}.journey-rule .icon {margin-top:2px}.journey-bottom {padding:14px 17px 18px;gap:12px}.readiness-links {gap:7px}.readiness-chip {font-size:9px;padding:7px}.journey-caption {font-size:9px}.grid-2 {gap:0}.cards {grid-template-columns:1fr}.toolbar {align-items:stretch;gap:10px;flex-wrap:wrap}.toolbar>input {max-width:none}.search-field {min-width:100%}.toolbar>.btn {min-height:40px}.tab {font-size:10px;padding:8px 10px}.facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}.fact-value {font-size:12px}.fact-label {font-size:10px}.batch-track {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0;padding:24px 12px}.batch-track li:nth-child(3):before {display:none}.milestone-name {font-size:11px}.milestone small {font-size:9px}.batch-journey-note {align-items:flex-start;font-size:10px;padding:14px 16px;line-height:1.8}.batch-journey-note .icon {margin-top:2px}.batch-journey .panel-header {flex-direction:column}.appearance-hero {padding:19px 17px;gap:14px;margin-bottom:22px}.appearance-brand {gap:12px}.appearance-brand .brand-logo {width:57px}.appearance-brand .logo-plate {padding:5px}.appearance-brand h2 {font-size:14px;line-height:1.5}.appearance-brand p {font-size:10px;line-height:1.7}.appearance-brand .eyebrow {font-size:7px;letter-spacing:1.25px}.saved-status {font-size:10px}.settings-grid {gap:0}.settings-side {display:block}.theme-options {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-option {padding:10px}.theme-name {font-size:11px}.theme-description {font-size:10px;min-height:34px}.theme-mini {height:77px}.mode-options {gap:8px}.mode-options .preference-option {padding:8px;gap:7px}.mode-mini {height:54px}.mode-mini>span {padding:10px 6px;gap:5px}.mode-mini em {height:7px}.mode-mini>i:after {top:10px;height:4px}.preference-label {font-size:11px;gap:5px}.preference-label .icon {width:13px;height:13px}.mode-options .preference-option>.choice-check {right:6px;bottom:11px}.mode-options .choice-check .icon {width:12px;height:12px}.two-options {gap:11px}.two-options .preference-option {padding:13px}.two-options .preference-label {font-size:11px;line-height:1.6}.two-options .preference-option small {font-size:10px}.form-grid {grid-template-columns:1fr}.field.full {grid-column:auto}.modal-head {padding:20px}.modal-body {padding:19px 20px}.modal-head h2 {font-size:20px}.modal-footer {padding:15px 20px}.line-row {grid-template-columns:minmax(95px,1.5fr) minmax(67px,1fr) 65px 25px;gap:5px}.line-row select,.line-row input {font-size:10px;padding:6px}.line-row .icon-button {width:25px}.print-sheet {padding:20px}.print-top {flex-wrap:wrap}.print-top h1 {font-size:23px}.print-totals {max-width:100%}.footer {font-size:8px;gap:20px;line-height:1.8}.footer>span:last-child {text-align:right}td,th {padding-left:16px;padding-right:16px;white-space:nowrap}td {font-size:12px}th {font-size:9px}.notice {font-size:11px}.login-layout {grid-template-columns:minmax(0,1fr)}.login-story {display:none}.login-form-side {padding:105px 27px 80px}.login-mobile-brand {display:block;margin-bottom:27px}.login-mobile-brand .brand-logo {width:98px;border-radius:6px;background:#FFF;padding:8px;border:1px solid var(--border)}.login-appearance {right:24px;top:23px}.login-appearance .mode-switch button>span {display:inline}.login-card h2 {font-size:32px}.login-card .eyebrow {font-size:9px}.skeleton-grid {grid-template-columns:repeat(2,1fr)}.skeleton-heading {width:70%}
}
@media(max-width:360px) {
 .content {padding-left:12px;padding-right:12px}.crumb strong {max-width:88px}.metric {padding:13px}.metric-label {font-size:10px}.theme-options {gap:9px}.theme-name {font-size:10px}.theme-description {min-height:52px}.theme-option {padding:9px}.preference-label {font-size:10px}.mode-options {gap:6px}.mode-mini {height:47px}.choice-check .icon {width:14px;height:14px}
}
/* OS preference always wins over the optional UI motion setting. */
[data-motion="reduced"] *,[data-motion="reduced"] *:before,[data-motion="reduced"] *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce) {*,*:before,*:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print {
 :root,:root[data-mode],:root[data-theme],:root[data-mode][data-theme] {--bg:#FFF;--surface:#FFF;--surface-2:#F7F8FA;--surface-3:#EBEEF3;--text:#1B2434;--muted:#596578;--faint:#596578;--border:#D9DEE7;--accent:#B41A2D;--on-accent:#FFF;color-scheme:light;color:#1B2434;background:#FFF}
 body {background:#FFF;color:#1B2434}.sidebar,.topbar,.workspace-context,.page-head,.footer,.no-print,#toasts,dialog,.skip-link,.nav-overlay {display:none!important}.main {margin:0}.content {padding:0;max-width:none}.print-sheet {border:0;padding:5mm;border-radius:0;box-shadow:none}.table-wrap {overflow:visible}th {background:#F7F7F7!important}tr {break-inside:avoid}.print-sheet th,.print-sheet td {font-size:10pt;white-space:normal}.pill {border:1px solid #BBB}a {text-decoration:none}.page-enter {animation:none}.print-brand .brand-logo {width:90px}
}