:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #152538; background: #eef3f7; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { max-width: 1240px; margin: auto; padding: 2rem; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-bottom:1.5rem; }
h1,h2,p { margin-top:0; } h1 { font-size: clamp(1.6rem,4vw,2.4rem); margin-bottom:0; } h2 { font-size:1.2rem; }
.eyebrow { color:#007fae; font-size:.76rem; font-weight:800; letter-spacing:.11em; margin-bottom:.45rem; }
.identity { display:flex; align-items:center; gap:.8rem; font-size:.9rem; }
.hero,.card { background:#fff; border:1px solid #d9e3ea; border-radius:12px; box-shadow:0 8px 24px #1525380d; }
.hero { max-width:640px; padding:2rem; }
.hero p:not(.eyebrow) { color:#506476; line-height:1.55; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.card { padding:1.25rem; } form { display:grid; gap:.85rem; }
.route-controlled { border-top:4px solid #007fae; }
.master-data { border-top:4px solid #7257a5; }
.routing-steps { display:grid; gap:.75rem; }
.routing-step { border:1px solid #d9e3ea; border-radius:8px; padding:.75rem; display:grid; gap:.65rem; }
.routing-step legend { color:#334a60; font-size:.85rem; font-weight:750; padding:0 .25rem; }
.line-actions { display:flex; flex-wrap:wrap; gap:.45rem; }
label { display:grid; gap:.35rem; color:#334a60; font-weight:650; font-size:.88rem; }
input,select,textarea { width:100%; border:1px solid #aebfcd; border-radius:6px; padding:.62rem; background:#fff; color:#152538; font:inherit; }
input:focus,select:focus,textarea:focus { outline:3px solid #8ed6ee; outline-offset:1px; }
button { border-radius:6px; border:1px solid transparent; padding:.65rem .9rem; cursor:pointer; font:inherit; font-weight:750; }
.primary { background:#007fae; color:#fff; } .primary:hover { background:#006a92; }
.secondary { background:#fff; border-color:#91a8b9; color:#23445b; } .secondary:hover { background:#eef5f8; }
.status-strip { display:flex; align-items:center; gap:.55rem; margin:0 0 1rem; color:#315064; font-size:.9rem; } .status-strip #user-name { margin-left:auto; }
.dot { width:.7rem; height:.7rem; border-radius:50%; background:#1f9d65; }
.result { display:block; min-height:1.3rem; margin-top:1rem; color:#29495e; white-space:pre-wrap; overflow-wrap:anywhere; font-family:ui-monospace,monospace; font-size:.78rem; }
.wide { background:#fff; border-left:4px solid #007fae; padding:1rem; }
.notice { background:#fff4d6; border-left:4px solid #c88400; padding:.75rem; color:#624300; }
.hint { color:#506476; font-size:.85rem; line-height:1.45; }
.workspace-context,.workspace-list { margin-top:1rem; border:1px solid var(--border); border-radius:10px; padding:1rem; background:#f8fbfd; }
.workspace-heading,.workspace-row > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.workspace-heading h3,.workspace-list h3 { margin:0; }
.workspace-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:.6rem; margin:.8rem 0; }
.workspace-metrics > div { background:#fff; border:1px solid #e1e9ef; border-radius:8px; padding:.65rem; display:grid; gap:.15rem; color:#61738a; font-size:.78rem; }
.workspace-metrics strong { color:#182b43; font-size:1.05rem; }
.workspace-row { white-space:pre-line; margin:.65rem 0; padding:.8rem; border:1px solid #e1e9ef; border-radius:8px; background:#fff; overflow-wrap:anywhere; }
.order-unit { flex-wrap:wrap; }
.workspace-context[aria-busy=true] { opacity:.75; }
#supervisor-saved-views { margin:1rem 0; align-items:end; }
#connector-draft { margin-top:1rem; }
.order-detail .workspace-context button { margin:.3rem .3rem .3rem 0; }
.workspace-row p { margin:.5rem 0 0; color:#506476; font-size:.86rem; line-height:1.45; }
.workspace-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.7rem; }
@media (max-width:640px) { .shell { padding:1rem; } .topbar { align-items:flex-start; flex-direction:column; } .status-strip #user-name { margin-left:0; } }

/* Platform shell, shared visual language with BLCR OperaIQ and Service-HUB. */
:root { color:#182b43; background:#f3f6fa; --accent:#087eaa; --muted:#61738a; --border:#dfe6ee; }
[hidden] { display:none !important; }
a { color:var(--accent); }
:focus-visible { outline:3px solid #38bdf8; outline-offset:3px; }
button { border-radius:8px; font-size:.85rem; font-weight:650; transition:background .15s; }
button:disabled { opacity:.5; cursor:not-allowed; }
.skip-link { position:fixed; top:-100px; left:1rem; z-index:100; background:white; padding:1rem; border-radius:8px; }
.skip-link:focus { top:1rem; }
.sidebar { position:fixed; inset:0 auto 0 0; width:256px; background:#0f1c30; color:#e2e8f0; padding:27px 16px 18px; display:flex; flex-direction:column; z-index:40; overflow-y:auto; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; color:white; padding:0 9px 26px; }
.brand-mark { width:38px; height:40px; display:grid; place-items:center; border-radius:10px; background:#0883ad; font-size:25px; font-weight:800; }
.brand strong { display:block; font-size:20px; letter-spacing:.08em; }
.brand small { display:block; font-size:10px; color:#9fb1c8; margin-top:3px; }
.workspace-label { border:1px solid #2a3a50; border-radius:8px; padding:11px; color:#c0cfe0; font-size:11px; margin:0 6px 25px; display:flex; align-items:center; gap:8px; }
.workspace-dot { width:6px; height:6px; border-radius:50%; background:#39b9d9; }
#platform-nav { display:grid; gap:10px; }
.nav-group > summary { list-style:none; display:flex; gap:11px; align-items:center; padding:11px 12px; cursor:pointer; font-size:12px; font-weight:650; color:#b4c3d7; }
.nav-group > summary::-webkit-details-marker { display:none; }
.nav-group > summary::after { content:'›'; margin-left:auto; font-size:18px; color:#7086a2; }
.nav-group[open] > summary::after { transform:rotate(90deg); }
.nav-group svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.nav-items { display:grid; gap:3px; }
.nav-items a { color:#a4b6cd; text-decoration:none; padding:10px 12px 10px 42px; border-radius:7px; font-size:12px; line-height:1.4; display:flex; align-items:center; gap:11px; }
div.nav-group .nav-items a { padding-left:12px; }
.nav-items a:hover,.nav-group > summary:hover { background:#1a2b43; color:white; border-radius:7px; }
.nav-items a[aria-current=page] { background:#163e56; color:#7dd9f4; box-shadow:inset 3px 0 #31b9dc; font-weight:650; }
.sidebar-footer { margin-top:auto; padding:28px 12px 0; font-size:11px; }
.sidebar-footer strong { display:block; color:#acbcd0; font-weight:550; }
.sidebar-footer span { display:block; font-size:9px; color:#7189a5; margin-top:5px; }
.shell { min-height:100vh; max-width:none; margin:0; padding:0; }
.authenticated .shell { margin-left:256px; }
.topbar { height:76px; background:white; border-bottom:1px solid var(--border); display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:18px; padding:0 36px; position:sticky; top:0; z-index:25; }
.topbar-context { display:flex; align-items:center; gap:13px; font-size:12px; min-width:0; }
.product-name { font-weight:650; color:#293e58; }.breadcrumb-divider { color:#bcc8d7; }#breadcrumb { color:var(--muted); }
.identity { gap:20px; font-size:11px; }#identity-status { color:#527565; white-space:nowrap; }
.user-menu { position:relative; }.user-menu > summary { display:flex; align-items:center; gap:11px; cursor:pointer; list-style:none; font-size:12px; font-weight:650; }
.user-menu > summary::-webkit-details-marker { display:none; }
#user-name { max-width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.avatar { width:35px; height:35px; border:1px solid #cfe4ea; background:#e4f3f5; color:#17738c; display:grid; place-items:center; border-radius:50%; font-size:12px; }.chevron { color:#8595a9; }
.user-dropdown { position:absolute; top:calc(100% + 16px); right:0; width:260px; border:1px solid var(--border); border-radius:12px; box-shadow:0 12px 38px #14213d22; background:white; padding:8px; }
.user-dropdown p { padding:9px 10px 13px; margin-bottom:4px; color:var(--muted); font-size:12px; border-bottom:1px solid var(--border); overflow-wrap:anywhere; }
.user-dropdown button { display:block; width:100%; text-align:left; background:white; color:#253c54; }.user-dropdown button:hover { background:#f0f5fa; }#sign-out { color:#b34545; }
.page-heading { padding:32px 36px 24px; }h1 { font-size:clamp(1.6rem,3vw,2rem); letter-spacing:-.035em; margin-bottom:.5rem; font-weight:720; }h2 { font-size:1.1rem; letter-spacing:-.02em; }h3 { font-size:1rem; }
.eyebrow { color:var(--accent); font-size:10px; font-weight:750; letter-spacing:.13em; margin-bottom:10px; }
#page-description { font-size:13px; color:var(--muted); margin-bottom:0; line-height:1.65; }
#workstation { padding:0 36px 40px; }.page-panel { min-width:0; }
.grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr)); gap:20px; align-items:start; }
.card { border:1px solid var(--border); padding:25px; min-width:0; box-shadow:0 2px 3px #14213d02; }
.card > .eyebrow { color:#7b8ca1; font-size:9px; }.card > h2 { margin-bottom:14px; }.card > p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:1.65; }
.page-panel > .card:only-child { grid-column:1/-1; }#page-materials,#page-resources,#page-boms,#page-revisions { max-width:880px; }
.card form { gap:16px; }.card form + form,.card form + button,.card button + form { margin-top:22px; }
label { gap:7px; color:#41556d; font-weight:600; font-size:12px; }
input,select,textarea { min-width:0; border-color:#cdd8e3; border-radius:7px; padding:11px 12px; color:#243953; font-size:13px; }
input::placeholder,textarea::placeholder { color:#93a1b2; }input[type=checkbox] { width:auto; justify-self:start; }textarea { resize:vertical; min-height:90px; }
input:focus,select:focus,textarea:focus { border-color:#169abc; outline:3px solid #169abc20; }
.primary { background:var(--accent); }.primary:hover { background:#056b91; }.secondary { border-color:#cbd7e2; color:#3c566e; }
.button-link { display:inline-flex; align-items:center; gap:25px; padding:12px 17px; text-decoration:none; border-radius:7px; font-size:12px; font-weight:650; }
.icon-button { width:36px; height:36px; padding:0; display:grid; place-items:center; background:#f2f6fa; color:#38516c; font-size:20px; }#sidebar-toggle { display:none; }
.routing-steps { gap:14px; }.routing-step { min-width:0; margin:0; border-color:var(--border); padding:16px; gap:13px; background:#f9fbfd; }.routing-step legend { color:#52677f; font-size:11px; font-weight:650; padding:0 6px; }.line-actions button { font-size:11px; }
.result { margin-top:18px; color:#33536d; font-family:inherit; font-size:12px; line-height:1.75; }.result:empty { display:none; }.result:not(:empty) { padding:13px 15px; background:#f0f6fa; border:1px solid #dce8ef; border-radius:8px; }
.hint { color:var(--muted); font-size:12px; line-height:1.65; }
.overview-banner { padding:32px 36px; border-radius:13px; background:#e7f0f6; border:1px solid #d5e4ee; display:flex; align-items:center; justify-content:space-between; gap:25px; overflow:hidden; }
.overview-banner h2 { font-size:clamp(1.4rem,2.5vw,1.8rem); margin-bottom:12px; }.overview-banner p:not(.eyebrow) { color:#61778e; font-size:13px; max-width:440px; line-height:1.8; margin-bottom:22px; }.overview-banner .eyebrow { font-size:9px; }
.banner-mark { display:grid; grid-template-columns:70px 70px; gap:10px; margin-right:30px; transform:rotate(-12deg); }.banner-mark span { height:70px; border-radius:16px; border:1px solid #a8cadc; background:#cfe3ee; }.banner-mark span:nth-child(2) { background:#0f87ae; border-color:#0f87ae; }.banner-mark span:nth-child(3) { background:#b1d1e2; }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px; }
.metric-card { background:white; border:1px solid var(--border); padding:21px; border-radius:10px; text-decoration:none; color:#243953; }.metric-card:hover,.shortcut-card:hover { border-color:#80b4c8; }
.metric-label { font-size:11px; font-weight:600; display:flex; align-items:center; gap:7px; }.metric-card strong { display:block; font-size:32px; letter-spacing:-.04em; margin:16px 0 9px; font-weight:650; }.metric-card > span:last-child { font-size:10px; color:#7b8da1; }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; }.active-dot { background:#0993b2; }.released-dot { background:#339775; }.hold-dot { background:#cf952f; }
#overview-freshness { margin:12px 0 30px; font-size:10px; }.section-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:18px; }.section-heading h2 { margin:0; }.section-heading span { color:#7b8da1; font-size:11px; }
.shortcut-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.shortcut-card { display:block; padding:23px; background:white; border:1px solid var(--border); border-radius:10px; text-decoration:none; color:#263e58; }.shortcut-number { font-size:9px; color:#7f93aa; letter-spacing:.1em; font-weight:650; }.shortcut-card h3 { margin:15px 0 10px; }.shortcut-card h3 span { float:right; color:#168db0; }.shortcut-card p { font-size:12px; color:var(--muted); line-height:1.7; margin-bottom:0; }
#dispatch-wip-filter { grid-template-columns:1fr 1fr minmax(180px,1fr) auto; align-items:end; }#dispatch-wip-list { margin-top:20px; }#dispatch-wip-list .card { background:#f9fbfd; padding:18px; }.dispatch-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.dispatch-actions button { padding:7px 9px; font-size:11px; }
#operator-workspace-load { grid-template-columns:1fr auto; align-items:end; }.operator-scan-label input { min-height:46px; font-size:15px; letter-spacing:.01em; }#operator-workspace-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px; margin-top:24px; }#operator-workspace-actions > form { background:#f8fafc; padding:18px; border:1px solid var(--border); border-radius:8px; }#operator-workspace-actions > button { margin-top:0; }.operator-station-context { margin-top:18px; padding:22px; border:1px solid #cfe0e9; border-radius:10px; background:#f7fbfd; }.operator-station-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.operator-station-heading .eyebrow { margin:0 0 6px; }.operator-station-heading h3 { margin:0; font-size:22px; overflow-wrap:anywhere; }.operator-station-heading p:not(.eyebrow) { margin:6px 0 0; color:#627991; font-size:12px; }.operator-station-guidance { margin:18px 0; padding:12px 14px; border-left:3px solid var(--accent); background:#eef7fa; color:#33536d; font-size:12px; line-height:1.6; }.operator-station-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.operator-station-metrics div { min-width:0; padding:12px; border:1px solid #dce9ef; border-radius:7px; background:#fff; }.operator-station-metrics span { display:block; color:#73899e; font-size:10px; }.operator-station-metrics strong { display:block; margin-top:5px; color:#2d4962; font-size:14px; overflow-wrap:anywhere; }.operator-station-readiness { margin-top:18px; border-top:1px solid #dce9ef; padding-top:16px; }.operator-station-readiness h4 { margin:0 0 10px; color:#63788e; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.operator-station-readiness ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }.operator-station-readiness li { padding:9px 10px; border:1px solid #e4edf2; border-radius:6px; background:#fff; color:#3d576f; font-size:11px; line-height:1.5; }
.operator-work-instructions { margin-top:18px; padding:18px; border:1px solid #cfe0e9; border-radius:10px; background:#fff; }.operator-work-instructions h4 { margin:3px 0 5px; font-size:14px; }.operator-work-instructions .eyebrow { margin:0; }.operator-instruction-list { display:grid; gap:10px; margin-top:14px; }.operator-instruction-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:start; padding:13px; border:1px solid #e0eaf0; border-radius:7px; background:#f8fafc; }.operator-instruction-row strong,.operator-instruction-row span { display:block; overflow-wrap:anywhere; }.operator-instruction-row strong { font-size:12px; color:#304c65; }.operator-instruction-row span { margin-top:5px; color:#6d8398; font-size:11px; line-height:1.5; }.operator-instruction-row button { padding:7px 9px; font-size:11px; }
.work-instruction-card,.quality-disposition-card,.production-history-card,.integration-hub-card { min-width:0; }.integration-hub-card { grid-column:1/-1; }.integration-hub-card form + form { margin-top:14px; }.production-history-card { grid-column:span 1; }
.order-workspace-card { grid-column:1/-1; }.order-filters { grid-template-columns:180px minmax(220px,1fr) auto; align-items:end; }.order-workspace-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.95fr); gap:18px; margin-top:18px; }.order-list,.order-detail { min-width:0; border:1px solid var(--border); border-radius:9px; background:#fff; }.order-list { display:grid; max-height:630px; overflow:auto; }.order-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; background:#fff; color:#293f57; text-align:left; padding:16px 18px; border:0; border-bottom:1px solid #edf1f5; border-radius:0; cursor:pointer; }.order-row:hover { background:#f6fafc; }.order-row[aria-current=true] { background:#eef7fa; box-shadow:inset 3px 0 var(--accent); }.order-row strong { display:block; font-size:13px; overflow-wrap:anywhere; }.order-row small { display:block; color:#73889e; font-size:11px; margin-top:5px; }.order-row .order-progress { color:#416178; }.order-detail { padding:21px; min-height:250px; }.order-detail h3 { margin:0 0 5px; font-size:18px; overflow-wrap:anywhere; }.order-detail > p { color:var(--muted); font-size:12px; line-height:1.6; }.order-units { border-top:1px solid var(--border); margin:20px 0; padding-top:17px; }.order-units h4 { font-size:11px; color:#63788e; letter-spacing:.06em; text-transform:uppercase; margin:0 0 10px; }.order-unit { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid #eef2f5; font-size:12px; }.order-unit:last-child { border-bottom:0; }.order-unit strong { display:block; overflow-wrap:anywhere; }.order-unit span { display:block; margin-top:3px; font-size:10px; color:#71869d; }.order-unit button { padding:7px 9px; flex-shrink:0; font-size:11px; }.order-actions { display:flex; gap:9px; flex-wrap:wrap; }.order-empty { padding:25px 20px; color:#71869c; font-size:12px; line-height:1.6; }
.lifecycle-intro { padding:25px 27px; background:#e9f3f7; border:1px solid #d4e5ed; border-radius:12px; }.lifecycle-intro h2 { margin:0 0 9px; font-size:1.35rem; }.lifecycle-intro p:not(.eyebrow) { margin:0; max-width:760px; color:var(--muted); font-size:13px; line-height:1.65; }.lifecycle-search { display:grid; grid-template-columns:minmax(260px,560px) auto; gap:14px; align-items:end; margin:20px 0 8px; }.lifecycle-search button { width:max-content; }.lifecycle-layout { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:18px; margin-top:16px; align-items:start; }.lifecycle-list,.lifecycle-detail { min-width:0; border:1px solid var(--border); border-radius:10px; background:#fff; }.lifecycle-list { display:grid; max-height:700px; overflow:auto; }.lifecycle-row { display:grid; gap:6px; width:100%; padding:16px 18px; background:#fff; border:0; border-bottom:1px solid #edf1f5; border-radius:0; color:#293f57; cursor:pointer; text-align:left; }.lifecycle-row:hover { background:#f6fafc; }.lifecycle-row[aria-current=true] { background:#eef7fa; box-shadow:inset 3px 0 var(--accent); }.lifecycle-row strong { overflow-wrap:anywhere; font-size:13px; }.lifecycle-row small { color:#71869c; font-size:11px; line-height:1.45; }.lifecycle-detail { padding:22px; min-height:280px; }.lifecycle-detail h3 { margin:0 0 5px; font-size:19px; overflow-wrap:anywhere; }.lifecycle-detail > p { color:var(--muted); font-size:12px; line-height:1.6; }.lifecycle-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:19px 0; }.lifecycle-stage { padding:10px; border:1px solid #e2eaf0; border-radius:8px; background:#f8fafc; color:#73869a; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }.lifecycle-stage.active { background:#e7f5ee; border-color:#b9dfca; color:#18744f; }.lifecycle-stage.attention { background:#fff6e8; border-color:#efd19d; color:#956319; }.lifecycle-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }.lifecycle-metrics div { padding:11px; background:#f6f9fb; border-radius:7px; min-width:0; }.lifecycle-metrics span { display:block; color:#74899f; font-size:10px; margin-bottom:4px; }.lifecycle-metrics strong { font-size:12px; overflow-wrap:anywhere; }.lifecycle-section { border-top:1px solid var(--border); margin-top:20px; padding-top:17px; }.lifecycle-section h4 { margin:0 0 9px; color:#63788e; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }.lifecycle-section p { margin:7px 0; color:#496278; font-size:12px; line-height:1.55; }.lifecycle-unit { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:11px 0; border-bottom:1px solid #edf1f5; }.lifecycle-unit:last-child { border-bottom:0; }.lifecycle-unit strong { display:block; font-size:12px; overflow-wrap:anywhere; }.lifecycle-unit small { display:block; margin-top:3px; color:#70859b; font-size:11px; line-height:1.5; }.lifecycle-unit .order-actions { justify-content:flex-end; align-content:start; }.lifecycle-unit button { padding:7px 9px; font-size:11px; }.lifecycle-evidence { margin:8px 0 0; padding:10px; border-radius:7px; background:#f8fafc; color:#496278; font-size:11px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.lifecycle-attention { margin:8px 0; padding:10px; border-radius:7px; background:#fff6e8; border:1px solid #efd19d; color:#7b5318 !important; font-size:11px !important; line-height:1.5; }.delivery-evidence { grid-column:1/-1; }.delivery-evidence pre { margin:7px 0 13px; max-height:260px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:#29495e; font-size:10px; }
.unit-control-card { grid-column:1/-1; }.unit-control-load { grid-template-columns:minmax(220px,1fr) auto; align-items:end; max-width:680px; }.unit-control-detail { margin-top:18px; min-height:200px; background:#fff; border:1px solid var(--border); border-radius:9px; padding:22px; }.unit-control-detail h3 { margin:0 0 5px; font-size:18px; }.unit-control-detail > p { color:var(--muted); font-size:12px; line-height:1.6; }.unit-control-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }.unit-control-section { padding:15px; background:#f8fafc; border:1px solid #e6edf3; border-radius:8px; min-width:0; }.unit-control-section h4 { margin:0 0 10px; color:#63788e; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.unit-control-section ul { margin:0; padding:0; list-style:none; display:grid; gap:8px; }.unit-control-section li { color:#354e67; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }.unit-control-section li + li { padding-top:8px; border-top:1px solid #e6edf3; }.unit-control-actions { display:flex; flex-wrap:wrap; gap:9px; }.unit-control-empty { color:#71869c; font-size:11px; }
.quality-review-card { grid-column:1/-1; }.quality-review-load { grid-template-columns:minmax(220px,1fr) auto; align-items:end; max-width:680px; }.quality-review-detail { margin-top:18px; min-height:200px; background:#fff; border:1px solid var(--border); border-radius:9px; padding:22px; }.quality-review-detail h3 { margin:0 0 5px; font-size:18px; }.quality-review-detail > p { color:var(--muted); font-size:12px; line-height:1.6; }.quality-review-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }.quality-review-section { padding:15px; background:#f8fafc; border:1px solid #e6edf3; border-radius:8px; min-width:0; }.quality-review-section h4 { margin:0 0 10px; color:#63788e; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.quality-review-section ul { margin:0; padding:0; list-style:none; display:grid; gap:8px; }.quality-review-section li { color:#354e67; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }.quality-review-section li + li { padding-top:8px; border-top:1px solid #e6edf3; }.quality-review-actions { display:flex; flex-wrap:wrap; gap:9px; }.quality-review-empty { color:#71869c; font-size:11px; }
.quality-action-card { grid-column:1/-1; }.quality-action-queue { display:flex; justify-content:flex-start; }.quality-action-list { display:grid; gap:12px; margin-top:18px; min-height:150px; }.quality-action-row { padding:17px; border:1px solid #e1e9ef; border-radius:9px; background:#fff; }.quality-action-header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.quality-action-header h3 { margin:0; font-size:14px; overflow-wrap:anywhere; }.quality-action-header p,.quality-action-description,.quality-action-opened { margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.55; overflow-wrap:anywhere; }.quality-action-description { color:#354e67; font-size:12px; }.quality-action-opened { font-size:10px; }.quality-action-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:14px; }.quality-action-actions button { padding:7px 9px; font-size:11px; }
.traceability-card { grid-column:1/-1; }.traceability-searches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.traceability-searches form { background:#f8fafc; border:1px solid #e4ebf1; border-radius:8px; padding:16px; }.traceability-detail { min-height:160px; margin-top:18px; padding:20px; border:1px solid var(--border); border-radius:9px; background:#fff; }.traceability-detail h3 { margin:0 0 5px; font-size:18px; overflow-wrap:anywhere; }.traceability-detail > p { color:var(--muted); font-size:12px; line-height:1.6; }.traceability-links { display:grid; gap:10px; margin-top:18px; }.traceability-link { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px; border:1px solid #e6edf3; border-radius:7px; background:#f8fafc; }.traceability-link strong,.traceability-link span { display:block; overflow-wrap:anywhere; }.traceability-link strong { font-size:12px; }.traceability-link span { margin-top:4px; color:#71869c; font-size:11px; }.traceability-link button { flex-shrink:0; padding:7px 9px; font-size:11px; }
.catalog-panel { max-width:1180px; }.catalog-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:25px 27px; background:#e9f3f7; border:1px solid #d4e5ed; border-radius:12px; }.catalog-intro h2 { margin:0 0 9px; font-size:1.35rem; }.catalog-intro p:not(.eyebrow) { margin:0; max-width:600px; color:var(--muted); font-size:13px; line-height:1.65; }.catalog-filters { display:grid; grid-template-columns:190px 180px minmax(220px,1fr); gap:14px; align-items:end; padding:22px 0 10px; }.catalog-search { max-width:480px; }.catalog-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:18px; align-items:start; margin-top:15px; }.catalog-list-card,.catalog-detail-card { background:white; border:1px solid var(--border); border-radius:10px; min-width:0; }.catalog-list-heading { display:flex; align-items:center; justify-content:space-between; padding:19px 20px 14px; border-bottom:1px solid var(--border); }.catalog-list-heading h3 { margin:0; font-size:13px; }.catalog-list-heading span { display:grid; min-width:26px; height:22px; place-items:center; border-radius:12px; background:#e9f4f8; color:#127c9d; font-size:11px; font-weight:700; }.catalog-list { display:grid; }.catalog-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; width:100%; padding:16px 20px; background:white; border:0; border-bottom:1px solid #edf1f5; border-radius:0; color:#293f57; cursor:pointer; text-align:left; }.catalog-row:hover { background:#f6fafc; }.catalog-row[aria-current=true] { background:#eef7fa; box-shadow:inset 3px 0 var(--accent); }.catalog-row strong { display:block; overflow-wrap:anywhere; font-size:13px; }.catalog-row small { display:block; margin-top:5px; color:#71869c; font-size:11px; }.catalog-kind { color:#6e8399; font-size:10px; letter-spacing:.09em; font-weight:700; text-transform:uppercase; }.revision-pill { align-self:start; padding:4px 8px; border-radius:12px; background:#f1f5f8; color:#557086; font-size:10px; font-weight:700; white-space:nowrap; }.revision-pill.released { background:#e7f5ee; color:#18744f; }.catalog-detail-card { padding:23px; min-height:235px; }.catalog-detail-card h3 { margin:0 0 5px; font-size:18px; overflow-wrap:anywhere; }.catalog-detail-card > p { color:var(--muted); font-size:12px; line-height:1.6; }.catalog-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:21px 0; }.catalog-meta div { padding:11px; background:#f6f9fb; border-radius:7px; min-width:0; }.catalog-meta span { display:block; color:#74899f; font-size:10px; margin-bottom:4px; }.catalog-meta strong { font-size:12px; overflow-wrap:anywhere; }.catalog-structure { margin:20px 0; border-top:1px solid var(--border); }.catalog-structure h4 { font-size:11px; color:#63788e; letter-spacing:.06em; text-transform:uppercase; margin:18px 0 9px; }.catalog-structure ul { padding:0; margin:0; list-style:none; display:grid; gap:7px; }.catalog-structure li { background:#f8fafc; border:1px solid #e7edf2; padding:9px 10px; border-radius:6px; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }.catalog-detail-actions { display:flex; gap:9px; flex-wrap:wrap; padding-top:3px; }.catalog-empty { padding:25px 20px; color:#71869c; font-size:12px; line-height:1.6; }.empty-state { margin:0; padding:20px 0; }
.hero { margin:0 36px 40px; max-width:480px; border-color:var(--border); padding:35px; }.hero p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.7; }
.app-notice { position:fixed; bottom:24px; right:24px; max-width:min(520px,calc(100vw - 48px)); z-index:50; display:flex; align-items:start; gap:15px; background:#fff; border:1px solid #c4dce7; border-left:4px solid var(--accent); border-radius:9px; padding:15px; box-shadow:0 8px 28px #13243b22; font-size:12px; line-height:1.6; }.app-notice span { overflow-wrap:anywhere; white-space:pre-wrap; max-height:180px; overflow:auto; }.app-notice button { padding:0 4px; background:transparent; color:#52677f; font-size:20px; }
dialog { border:1px solid var(--border); border-radius:14px; padding:28px; width:min(450px,calc(100% - 32px)); color:#243953; box-shadow:0 20px 70px #0003; }dialog::backdrop { background:#0e1c3399; }.dialog-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }.dialog-heading h2 { margin:0; }.profile-details dt { font-size:11px; color:#71869d; margin:18px 0 6px; }.profile-details dd { margin:0; font-size:13px; overflow-wrap:anywhere; }dialog form { margin-top:25px; }
.sidebar-backdrop { display:none; }
@media (max-width:1200px) { .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.banner-mark { margin-right:0; grid-template-columns:50px 50px; }.banner-mark span { height:50px; }.product-name,.breadcrumb-divider { display:none; } }
@media (max-width:900px) { .authenticated .shell { margin-left:0; }.sidebar { transform:translateX(-100%); visibility:hidden; transition:transform .18s,visibility .18s; }.navigation-open .sidebar { transform:translateX(0); visibility:visible; }.navigation-open { overflow:hidden; }#sidebar-toggle { display:grid; }.sidebar-backdrop { display:block; position:fixed; inset:0; border:0; border-radius:0; background:#0e1c3380; z-index:35; }.topbar { padding:0 22px; }.page-heading { padding:28px 22px 22px; }#workstation { padding:0 22px 28px; } }
@media (max-width:700px) { .catalog-intro { padding:21px; flex-direction:column; }.catalog-filters,.catalog-layout { grid-template-columns:1fr; }.catalog-search { max-width:none; }.catalog-detail-card { min-height:auto; } }
@media (max-width:700px) { .order-filters,.order-workspace-layout { grid-template-columns:1fr; }.order-list { max-height:none; }.order-detail { min-height:auto; }.operator-station-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.operator-station-heading { flex-direction:column; } }
@media (max-width:700px) { .lifecycle-search,.lifecycle-layout { grid-template-columns:1fr; }.lifecycle-search button { width:100%; }.lifecycle-list { max-height:none; }.lifecycle-detail { min-height:auto; }.lifecycle-stages,.lifecycle-metrics { grid-template-columns:1fr; }.lifecycle-unit { grid-template-columns:1fr; }.lifecycle-unit .order-actions { justify-content:flex-start; } }
@media (max-width:700px) { .operator-instruction-row { grid-template-columns:1fr; }.integration-hub-card { grid-column:auto; } }
@media (max-width:700px) { .unit-control-load,.unit-control-sections { grid-template-columns:1fr; }.unit-control-detail { min-height:auto; } }
@media (max-width:700px) { .quality-review-load,.quality-review-sections { grid-template-columns:1fr; }.quality-review-detail { min-height:auto; } }
@media (max-width:700px) { .quality-action-list { min-height:auto; }.quality-action-header { align-items:flex-start; flex-direction:column; } }
@media (max-width:700px) { .traceability-searches { grid-template-columns:1fr; }.traceability-detail { min-height:auto; }.traceability-link { align-items:flex-start; flex-direction:column; } }
@media (max-width:560px) { .topbar { height:66px; padding:0 16px; gap:10px; }.topbar-context { gap:10px; }.identity { gap:8px; }#identity-status { display:none; }#user-name { max-width:115px; font-size:11px; }.page-heading { padding:24px 16px 20px; }#workstation { padding:0 16px 25px; }.card { padding:20px; }.overview-banner { padding:25px; }.banner-mark { display:none; }.metric-grid { gap:10px; }.metric-card strong { font-size:28px; }.shortcut-grid { grid-template-columns:1fr; }.section-heading span { display:none; }#dispatch-wip-filter,#operator-workspace-load,#operator-workspace-actions { grid-template-columns:1fr; }.hero { margin:0 16px; padding:25px; }.user-dropdown { width:240px; }.catalog-meta { grid-template-columns:1fr; } }
.equipment-performance-card { grid-column:1/-1; }.equipment-performance-card form + form { margin-top:14px; }.equipment-dashboard { display:grid; gap:12px; margin-top:18px; }.equipment-metric-row { padding:17px; border:1px solid #dfe9ef; border-radius:9px; background:#f8fbfc; }.equipment-metric-row h3 { margin:0; font-size:13px; overflow-wrap:anywhere; }.equipment-metric-row p { margin:8px 0 0; color:#36516a; font-size:12px; line-height:1.6; }.equipment-metric-row .hint { color:#75899d; }
.planning-control-card { grid-column:1/-1; }.planning-form,.planning-inline-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; align-items:end; margin:14px 0; }.planning-inline-form { grid-template-columns:90px minmax(170px,1fr) minmax(220px,1.2fr) auto auto; padding-top:13px; border-top:1px solid #e6edf2; }.planning-inline-form select,.planning-inline-form input { min-width:0; }.planning-list { display:grid; gap:10px; margin:14px 0 24px; }.planning-row { padding:15px 16px; border:1px solid #dfe9ef; border-radius:9px; background:#f8fbfc; }.planning-row h3 { margin:0; color:#2d4962; font-size:13px; overflow-wrap:anywhere; }.planning-row > .hint { margin:7px 0 0; }.planning-row ul { margin:10px 0 0; padding-left:18px; display:grid; gap:6px; color:#3d576f; font-size:11px; line-height:1.5; }.planning-row button { margin-top:11px; padding:7px 9px; font-size:11px; }.planning-risk { border-color:#e5bd8c; background:#fff9ef; }.planning-list.compact .planning-row { padding:10px 12px; }.planning-list.compact .planning-inline-form { display:none; }
@media (max-width:700px) { .planning-inline-form { grid-template-columns:1fr; }.planning-inline-form button { width:100%; } }
@media (prefers-reduced-motion:reduce) { * { transition:none !important; scroll-behavior:auto !important; } }
/* Confirmation review stays readable on the shop floor and on narrow screens. */
.confirmation-controls { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; }
.confirmation-controls label { flex: 1 1 15rem; }
.confirmation-row { padding: 1rem; margin: .75rem 0; border: 1px solid #d5dfe9; border-radius: .65rem; overflow-wrap: anywhere; }
.confirmation-row pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 24rem; overflow: auto; }
.confirmation-check { display: flex; align-items: flex-start; gap: .65rem; margin: .75rem 0; }
.confirmation-check input[type=checkbox] { width: 1.15rem; min-width: 1.15rem; height: 1.15rem; margin-top: .2rem; }
#confirmation-orders { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
#confirmation-command > label { margin: 1rem 0; }
/* SAP configuration and contract review stay usable on narrow operator devices. */
.sap-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:16px; }
.sap-grid label { min-width:0; }
.sap-grid input,.sap-grid select { width:100%; box-sizing:border-box; }
#page-partner-contracts pre,#page-sap-settings pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; }
#page-partner-contracts form,#page-sap-settings form { margin-block:20px; }
.sap-card { border:1px solid var(--border,#dbe2ea); border-radius:12px; padding:16px; margin-block:12px; overflow-wrap:anywhere; }
.sap-setup-step { min-width:0; border:1px solid var(--border,#dbe2ea); border-radius:12px; padding:20px; margin:16px 0; }
.sap-setup-step legend { font-weight:650; padding:0 8px; }
.sap-checks { display:grid; gap:8px; padding-left:20px; }
/* Application-only review workspaces. Tables keep evidence readable on small screens. */
.workspace-toolbar { display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 1.4rem;padding:.8rem;background:#fff;border:1px solid #dce3ed;border-radius:12px; }
.workspace-toolbar button { font-size:.8rem;padding:.45rem .65rem; }
.workspace-context { font-size:.82rem;color:#34445c;overflow-wrap:anywhere; }
.workspace-filter { display:flex;flex-wrap:wrap;align-items:end;gap:.85rem;margin:0 0 1rem;padding:1.1rem;background:#fff;border:1px solid #dce3ed;border-radius:12px; }
.workspace-filter h2 { flex-basis:100%;margin:0;font-size:1.15rem; }
.workspace-filter label { display:grid;gap:.35rem;flex:1 1 180px;min-width:0; }
.workspace-filter input,.workspace-filter select { width:100%;min-width:0; }
.workspace-table-scroll { width:100%;overflow-x:auto;margin:1rem 0; }
.workspace-table { border-collapse:collapse;width:100%;min-width:520px;font-size:.87rem;background:#fff; }
.workspace-table th,.workspace-table td { padding:.75rem;text-align:left;border-bottom:1px solid #dde4ed;vertical-align:top;overflow-wrap:anywhere; }
.workspace-table th { background:#edf2f8;font-weight:650; }
.workspace-table meter { display:block;width:100%;min-width:100px;accent-color:#3764b4; }
.capacity-center { margin:1rem 0 1.5rem; }
.capacity-days { display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.7rem; }
.capacity-day { padding:.85rem;background:#fff;border:1px solid #ccd8e6;border-top:4px solid #5175b9;border-radius:10px; }
.capacity-day h4 { margin:0 0 .6rem; }.capacity-day p,.capacity-day strong { font-size:.82rem; }
.capacity-day button { display:block;margin-top:.5rem;font-size:.8rem; }
.capacity-overload { border-top-color:#b73838;background:#fff4f2; }
.measurement-trend { display:block;width:100%;height:auto;max-height:230px;background:#fff;border:1px solid #dce3ed;border-radius:10px; }
.measurement-trend polyline { stroke:#3468ba;stroke-width:2;fill:none;vector-effect:non-scaling-stroke; }
#page-workspace-search > section > button { display:block;margin:.5rem 0;width:100%;text-align:left;white-space:normal; }
@media(max-width:600px) { .workspace-toolbar { padding:.6rem; }.workspace-filter { padding:.8rem; }.workspace-filter label { flex-basis:100%; }.capacity-days { grid-template-columns:1fr; }.workspace-table th,.workspace-table td { padding:.55rem; } }
/* Advanced local workspaces */
.report-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1rem; }
.report-card-grid > section { min-width:0; }
.workflow-steps { display:flex;flex-direction:column;gap:.8rem;padding-left:1.5rem;list-style:none;counter-reset:steps; }
.workflow-steps li { position:relative;border-left:4px solid #3475a2;border-radius:8px;background:#f3f7fc;padding:1rem;overflow-wrap:anywhere; }
.workflow-steps li:not(:last-child)::after { content:"↓";position:absolute;bottom:-1rem;left:1rem;color:#3475a2; }
.workflow-steps button { margin:.25rem; }
#page-report-studio > section,#page-quality-controls > section,#page-workflow-designer > section { min-width:0;overflow-wrap:anywhere; }
.analysis-series { margin:1.25rem 0; padding:1rem; border:1px solid var(--border, #d9e1ea); border-radius:12px; background:var(--surface, #fff); }
.analysis-series h3 { overflow-wrap:anywhere; }
.control-chart .control-limit { stroke:#b45309; stroke-width:1.5; stroke-dasharray:6 4; }
.control-chart .control-mean { stroke:#64748b; stroke-width:1; }
.control-chart .control-point { fill:#087c9c; }
.control-chart .control-signal { fill:#b91c1c; stroke:#fff; stroke-width:1; }
.control-chart text { fill:#334155; font:12px system-ui,sans-serif; }
.analysis-series .workspace-table th { min-width:80px; }
.workspace-actions label:has(input[type="checkbox"]) { display:flex; align-items:center; gap:.5rem; }
.workspace-actions input[type="checkbox"] { width:auto; margin:0; }
.scenario-confirm { max-width:min(600px,90vw); border:1px solid #cbd5e1; border-radius:16px; padding:1.5rem; }
.scenario-confirm button { margin:.5rem .5rem 0 0; }
@media print {
  body.printing-local-report * { visibility:hidden; }
  body.printing-local-report .print-report, body.printing-local-report .print-report * { visibility:visible; }
  body.printing-local-report .print-report { position:absolute; left:0; top:0; width:100%; }
  body.printing-local-report .print-report button { display:none; }
  body.printing-local-report .workspace-table-scroll { overflow:visible; }
  body.printing-local-report table { min-width:0; }
}
/* Resource schedule: each accessible row retains exact dates alongside the visual slot. */
.workflow-graph{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin:1rem 0}.workflow-graph>h3,.workflow-finish{grid-column:1/-1}.workflow-node{min-width:0;border:1px solid #b8cadb;border-left:5px solid #3475a2;border-radius:10px;padding:1rem;background:#f7fafc;overflow-wrap:anywhere}.workflow-node[data-visited="true"]{border-left-color:#137b51;background:#f1faf5}.workflow-node[data-visited="false"]{opacity:.65}.workflow-finish{border-top:1px solid #cbd5e1;padding:.75rem}#page-workspace-administration section,#page-workspace-administration p,#page-my-work article{min-width:0;overflow-wrap:anywhere}
.schedule-chart{display:grid;gap:1rem;max-width:100%;margin:1.2rem 0}.schedule-row{min-width:0;border:1px solid var(--border,#ddd);border-radius:10px;padding:1rem}.schedule-row strong,.schedule-row p{overflow-wrap:anywhere}.schedule-track{height:24px;background:#edf1f5;border-radius:5px;margin:.6rem 0;overflow:hidden}.schedule-bar{height:100%;background:#246b99;border-radius:4px;min-width:3px}.schedule-setup{display:block;height:100%;background:#d5a237;border-radius:4px 0 0 4px}#page-interruption-recovery pre{white-space:pre-wrap;overflow-wrap:anywhere}
.setup-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.setup-steps button[aria-pressed=true]{background:var(--accent,#2563eb);color:#fff}.dashboard-kpi{font-size:2.8rem;font-weight:750;margin:.6rem 0}.dashboard-points{display:grid;gap:.4rem;margin:1rem 0}.dashboard-point{position:relative;min-height:2.4rem;border-radius:.35rem;overflow:hidden}.dashboard-bar{position:absolute;inset:0 auto 0 0;background:#dbeafe;z-index:0}.dashboard-point button{position:relative;background:transparent;max-width:100%;text-align:left;overflow-wrap:anywhere}.report-card-grid svg{width:100%;max-height:220px;fill:none;stroke:#2563eb;stroke-width:2}.report-card-grid .card{min-width:0}.report-card-grid details{margin:.75rem 0}#master-import textarea{width:100%;box-sizing:border-box;font-family:monospace;min-height:12rem}.progress-operation{margin:.75rem 0}.progress-operation[data-state=COMPLETE]{border-left:4px solid #16a34a}.setup-steps button{white-space:normal}
.process-launchers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.process-launchers .card,.process-step-body,.process-heading{min-width:0}.process-launchers h3{margin-top:0}.process-launchers p{line-height:1.6}.process-launchers form{margin-top:20px}.process-editor{margin-top:24px}.process-heading h2{overflow-wrap:anywhere}.process-heading progress{display:block;width:100%;max-width:520px;height:12px;accent-color:var(--accent,#2563eb)}.process-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;margin-top:24px}.process-step-nav{display:flex;flex-direction:column;gap:6px}.process-step-nav button{display:flex;flex-direction:column;gap:4px;text-align:left;white-space:normal;background:#f7fafc;border:1px solid #e1e9ef;padding:12px;color:#36526b}.process-step-nav button small{font-weight:400;font-size:11px;color:#63788e}.process-step-nav button[data-state=READY]{border-left:3px solid #248561}.process-step-nav button[data-state=DEFERRED]{border-left:3px solid #c0872d}.process-step-nav button[aria-current=step]{background:#eaf4fa;border-color:#78afca}.process-step-body>h3{margin:0 0 12px;font-size:22px}.process-step-body>p{line-height:1.65;overflow-wrap:anywhere}.process-step-body form{margin:20px 0}.process-attention{padding:12px 16px;background:#fff8ed;border-left:3px solid #c0872d;border-radius:4px}.process-choices{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:12px 0}.process-choices button{text-align:left;white-space:normal;overflow-wrap:anywhere}.process-review dt{font-weight:650;margin-top:14px}.process-review dd{margin:5px 0 12px;line-height:1.6;overflow-wrap:anywhere}.process-saved{padding:16px 0;border-bottom:1px solid #e1e9ef}.process-saved h4{margin:0;overflow-wrap:anywhere}.process-return{margin-bottom:20px;background:#f0f7fb}.process-return p{margin:8px 0;line-height:1.5}.process-step-body textarea{min-height:90px;width:100%;box-sizing:border-box}.process-step-body .result{max-height:420px;overflow:auto}.process-editor>details{margin-top:24px;border-top:1px solid #e1e9ef;padding-top:16px}
@media(max-width:1100px){.process-launchers{grid-template-columns:1fr}.process-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}}@media(max-width:700px){.process-layout{grid-template-columns:1fr}.process-step-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.process-step-nav button{min-width:0;font-size:11px}.process-heading h2{font-size:22px}.process-editor{padding:18px}}
.report-card-grid{align-items:start}
.process-inline-draft{margin:18px 0;padding:16px;border:1px solid #cbd5e1;border-radius:8px;background:#f7fafc;min-width:0}.process-draft-rows{display:grid;gap:12px;min-width:0}.process-draft-rows fieldset{display:grid;gap:10px;min-width:0;margin:0;border:1px solid #cbd5e1;border-radius:6px;padding:12px}.process-draft-rows legend{font-weight:650}.process-editor form input,.process-editor form select,.process-editor form textarea{min-width:0;max-width:100%;box-sizing:border-box}.process-overview p,.process-editor>details p{overflow-wrap:anywhere}.process-editor>details form{margin:16px 0}.process-editor>details textarea{width:100%;min-height:80px}
.report-card-grid .card > p.dashboard-kpi{font-size:2.8rem;font-weight:750;margin:.6rem 0;color:#173752;line-height:1.2}
.bundle-output:empty { display:none; }
.guided-bundle-form { min-width:0; margin:20px 0; padding:22px; background:#fff; border:1px solid var(--border); border-radius:12px; }
.guided-bundle-form h3 { margin:0 0 8px; line-height:1.5; }
.guided-bundle-form input,.guided-bundle-form select,.guided-bundle-form textarea { min-width:0; max-width:100%; }
.guided-bundle-form fieldset { min-width:0; display:grid; gap:12px; border:1px solid var(--border); border-radius:8px; padding:14px; }
.guided-bundle-form fieldset label { display:flex; align-items:start; gap:10px; overflow-wrap:anywhere; }
.guided-bundle-form input[type=checkbox] { width:1rem; height:1rem; flex-shrink:0; margin-top:3px; }
@media(max-width:700px) { .guided-bundle-form { padding:16px; } }
.workflow-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;min-width:0;margin:1rem 0;padding:1rem;border:1px solid #cbd5e1;border-radius:10px;background:#f7fafc}.workflow-inputs legend{font-weight:650;padding:0 .35rem}.workflow-inputs label{min-width:0}.workflow-inputs input,.workflow-inputs select{width:100%;box-sizing:border-box}.estimate-evidence{padding:.75rem;border-left:4px solid #3475a2;border-radius:5px;background:#f1f7fc;overflow-wrap:anywhere}#page-planning-standards article,#page-workflow-reuse section{min-width:0;overflow-wrap:anywhere}
.feature-kpis { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:1rem;margin:1rem 0; }
.feature-kpi { border:1px solid #dbe4f0;border-radius:12px;padding:1.1rem;background:linear-gradient(135deg,#fff,#eef5ff);display:flex;flex-direction:column;gap:.45rem; }
.feature-kpi strong { font-size:1.9rem;font-variant-numeric:tabular-nums;color:#174681; }
.feature-kpi span { color:#425771;font-size:.85rem; }
.feature-steps { display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;padding:0;grid-column:1/-1; }
.feature-steps li { border:1px solid #c8d6e8;border-radius:999px;padding:.4rem .8rem;font-size:.85rem;background:#f3f7fc; }
.feature-steps [aria-current=step] { background:#174681;color:white; }
.feature-result { min-width:0;grid-column:1/-1; }
.feature-result:empty { display:none; }
.feature-tabbar { display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;min-width:0; }
.feature-tabbar [aria-selected=true] { background:#174681;border-color:#174681;color:white; }
#page-finished-goods>[role=tabpanel],#page-route-engineering>[role=tabpanel],#page-mii-engineering { min-width:0; }
#page-finished-goods>[role=tabpanel],#page-route-engineering>[role=tabpanel] { padding:1.2rem;border:1px solid #dbe4f0;border-radius:12px;background:white; }
.table-scroll { min-width:0;max-width:100%;overflow-x:auto;border:1px solid #dbe4f0;border-radius:8px;margin:.8rem 0; }
.table-scroll table { width:100%;border-collapse:collapse;min-width:40rem;table-layout:auto;text-align:left; }
.table-scroll th { white-space:nowrap; }
.table-scroll th,.table-scroll td { padding:.65rem .8rem;border-bottom:1px solid #e5ebf3;vertical-align:top;overflow-wrap:anywhere; }
.table-scroll th { background:#f3f7fc;color:#425771;font-size:.8rem; }
.table-scroll tr:last-child td { border-bottom:0; }
#fg-profile input[type=checkbox] { width:1rem;height:1rem;margin:.3rem .5rem; }
.feature-result pre { max-height:25rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere; }
.feature-error { color:#9b1c27;background:#fff0f1;border-left:4px solid #c53040;padding:.8rem; }
.feature-warning { color:#754000;background:#fff6e7;padding:.8rem;border-left:4px solid #c9820a; }
#page-finished-goods form,#page-route-engineering form,#page-mii-engineering form { margin-block:1.2rem;padding:1.2rem;border:1px solid #dbe4f0;border-radius:12px;background:white; }
#page-finished-goods form h3,#page-route-engineering form h3,#page-mii-engineering form h3 { grid-column:1/-1;margin-top:0; }
#page-finished-goods fieldset,#page-route-engineering fieldset { min-width:0;border:1px solid #dbe4f0;border-radius:8px;padding:.8rem; }
.workflow-node:has(button:focus-visible) { outline:3px solid #2563eb;outline-offset:3px; }
@media(max-width:600px) { .feature-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .feature-steps { display:grid; } .feature-kpi { padding:.7rem; } .feature-kpi strong { font-size:1.5rem; } }