:root{font-family:Arial,Helvetica,sans-serif;color:#000;background:#F0EFE1}
*{box-sizing:border-box}body{margin:0}.shell{max-width:1280px;margin:auto;padding:0 28px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:2px solid #004934}
.wordmark{font-size:20px;font-weight:900;letter-spacing:.08em}.wordmark em{font-style:normal;color:#FF6B00}
.header-right{display:flex;align-items:center;gap:16px}
.environment,.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#004934}
.intro{padding:48px 0 28px}.intro h1{font-size:clamp(32px,5vw,58px);line-height:1.05;margin:12px 0}.intro p:last-child{max-width:680px;line-height:1.5}
.status{padding:18px 22px;background:#D3F2E3;border-left:4px solid #00D3FF;line-height:1.45}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 60px}.grid > section{background:#fff;padding:24px;min-height:300px}
h2{font-size:22px;margin:0 0 22px}.queue{display:grid;gap:10px}.job-card{display:grid;text-align:left;gap:7px;border:1px solid #aabeb6;background:#fff;padding:16px;color:#000;cursor:pointer;font:inherit}
.job-card:hover,.job-card:focus-visible{border-color:#004934;outline:3px solid #00D3FF;outline-offset:2px}.job-card span{color:#333;font-size:14px;line-height:1.4}.detail{line-height:1.5}
.detail h3{margin:0 0 12px}.detail-status{display:inline-block;margin:4px 0 12px;padding:6px 10px;background:#D3F2E3;color:#004934;font-size:13px;font-weight:700}.detail-group{padding:14px 0;border-top:1px solid #d4ddd8}.detail-group h4{margin:0 0 8px;color:#004934;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.detail-group p{margin:5px 0;font-size:14px}
.next-step{padding:14px;margin:0 0 14px;background:#D3F2E3;border-left:3px solid #00D3FF}.next-step h4{margin:0 0 7px;color:#004934;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.next-step strong{display:block}.next-step p{margin:7px 0;font-size:14px}.next-step small{display:block;font-size:12px;line-height:1.4}
footer{border-top:1px solid #004934;padding:20px 0 35px;font-size:12px;letter-spacing:.1em}
@media(max-width:720px){.shell{padding:0 16px}.grid{grid-template-columns:1fr}.intro{padding:30px 0 15px}header{padding:20px 0}.environment{font-size:10px}}

/* Command Center: role-aware service facts only; unconnected systems show no fake totals. */
html{scroll-behavior:smooth}
body{background:#F0EFE1;color:#13241d}
.app-frame{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:#004934;color:#F0EFE1;padding:28px 20px;display:flex;flex-direction:column;gap:5px}
.sidebar .brand{font-size:19px;font-weight:900;letter-spacing:.06em;color:#F0EFE1;text-decoration:none;margin:0 0 52px}
.sidebar .brand em{font-style:normal;color:#FF6B00}
.sidebar-label{color:#D3F2E3;font-size:11px;font-weight:800;letter-spacing:.17em;margin:0 0 9px}
.sidebar>a:not(.brand){color:#F0EFE1;text-decoration:none;font-size:14px;font-weight:700;padding:13px 14px;border-left:3px solid transparent}
.sidebar>a:not(.brand):hover,.sidebar>a:not(.brand):focus-visible{background:#145d49;border-left-color:#FF6B00;outline:none}
.sidebar-foot{margin-top:auto;font-size:10px;line-height:1.7;letter-spacing:.1em;color:#D3F2E3}.sidebar-foot strong{color:#FF6B00}
.shell{width:100%;max-width:1440px;padding:0 36px}
.shell>header{border-bottom:1px solid #d2dace}
.intro{padding:46px 0 25px}.intro h1{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em;font-size:clamp(36px,5vw,70px);max-width:900px}.intro h1 span{color:#004934}.intro p:last-child{max-width:750px;color:#47544d}
.status{margin:0 0 24px;border-left-color:#FF6B00;background:#D3F2E3}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 16px}
.metric{background:#fff;border-top:4px solid #004934;min-height:142px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.metric:nth-child(2){border-top-color:#FF6B00}.metric:nth-child(3){border-top-color:#64482F}.metric:nth-child(4){border-top-color:#00D3FF}
.metric-label,.metric-note{font-size:12px}.metric-label{color:#004934;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric-value{font-size:41px;line-height:1}.metric-note{color:#55635b}
.lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 54px}.lane{background:#fff;padding:25px;min-height:230px}.lane h2{font-size:24px;margin:7px 0}.lane-subtitle{font-size:13px;color:#55635b;margin:0 0 18px}.lane-empty{background:#F0EFE1;padding:20px;font-size:14px}
.lane-job{width:100%;display:grid;gap:6px;text-align:left;background:#fff;border:0;border-top:1px solid #d9e2d9;padding:13px 3px;color:#13241d;cursor:pointer;font:inherit}.lane-job:hover,.lane-job:focus-visible{background:#f3f8f2;outline:2px solid #00D3FF;outline-offset:2px}.lane-job-label{font-size:11px;font-weight:800;color:#B54D00;letter-spacing:.07em;text-transform:uppercase}.lane-job strong{font-size:15px}.lane-job small{color:#59655e;font-size:12px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.section-head h2{font-size:30px;margin:5px 0 0}.quiet-pill,.system-state{font-size:10px;font-weight:800;letter-spacing:.1em;background:#D3F2E3;color:#004934;padding:8px 10px}.grid{margin:18px 0 64px;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)}.grid>section{box-shadow:0 4px 20px #0049340c}.grid h3{margin:0 0 20px}.job-card{border-radius:3px}
.systems{margin-bottom:55px}.systems-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.systems-grid article{background:#fff;padding:20px;border-bottom:3px solid #64482F}.systems-grid h3{font-size:17px;margin:16px 0 8px}.systems-grid p{font-size:13px;line-height:1.5;color:#506057;margin:0}
@media(max-width:1120px){.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.lane:last-child{grid-column:1/-1}}
@media(max-width:800px){.app-frame{display:block}.sidebar{height:auto;position:static;padding:15px 18px;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar .brand{margin:0 16px 0 0}.sidebar-label,.sidebar-foot{display:none}.sidebar>a:not(.brand){padding:8px;font-size:12px}.shell{padding:0 18px}.lanes,.grid{grid-template-columns:1fr}.lane:last-child{grid-column:auto}.intro{padding:32px 0 20px}}
@media(max-width:560px){.metrics,.systems-grid{grid-template-columns:1fr 1fr}.metric{padding:14px;min-height:120px}.metric-value{font-size:34px}.lane{padding:18px}.section-head h2{font-size:25px}}
@media(max-width:390px){.metrics,.systems-grid{grid-template-columns:1fr}}
[hidden]{display:none!important}
.flow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#a8bdb0;border:1px solid #a8bdb0;margin:0 0 18px}
.flow-stage{background:#D3F2E3;padding:13px 16px;display:flex;align-items:center;gap:10px}
.flow-stage strong{font-size:22px;color:#004934}.flow-stage span{font-size:11px;font-weight:700;line-height:1.3;color:#2d4b3c}
.queue-search-label{display:block;font-size:12px;font-weight:800;color:#004934;margin:0 0 7px}
.queue-search{width:100%;border:1px solid #9ebbad;background:#f9fbf7;padding:11px 12px;margin:0 0 16px;font:inherit}
.queue-search:focus-visible{outline:2px solid #00D3FF;outline-offset:2px}
.queue-search:disabled{background:#efefea;color:#627069}
.queue-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.queue-title h3{margin:0 0 16px}.queue-title span{font-size:11px;color:#004934;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.queue-controls{display:grid;grid-template-columns:1fr 140px;gap:10px}.queue-search,.queue-filter{height:43px}.queue-filter{width:100%;border:1px solid #9ebbad;background:#f9fbf7;padding:0 7px;font:inherit;font-size:13px}.queue-filter:disabled{background:#efefea;color:#627069}.queue-filter:focus-visible{outline:2px solid #00D3FF;outline-offset:2px}
@media(max-width:560px){.queue-controls{grid-template-columns:1fr}}
.parts-workspace{margin:0 0 62px;padding:28px 30px;background:#004934;color:#F0EFE1}
.parts-workspace .eyebrow,.parts-workspace h2{color:#F0EFE1}
.parts-workspace .quiet-pill{background:#FF6B00;color:#161f19}
.section-description{line-height:1.5;max-width:800px;color:#e0eee4;font-size:14px}
.sourcing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 30px}
.sourcing-steps>div{border:1px solid #5f9881;padding:14px;display:flex;flex-direction:column;gap:10px}
.sourcing-steps strong{color:#FF9B57;font-size:12px;letter-spacing:.06em}
.sourcing-steps span{font-size:12px;line-height:1.45}
.parts-workspace h3{font-size:20px;margin:0 0 8px}
.supplier-note{color:#d3e7d9;font-size:12px;line-height:1.5}
.supplier-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.supplier-card{background:#F0EFE1;color:#13241d;padding:17px;min-width:0}
.supplier-card .system-state{display:inline-block;background:#e0e5dc;color:#64482F;font-size:9px}
.supplier-card h4{font-size:16px;margin:20px 0 8px}.supplier-card p,.supplier-card small{font-size:12px;line-height:1.45;color:#506057}
.supplier-card small{display:block;border-top:1px solid #cbd8cc;padding-top:9px}
.supplier-requirements{grid-column:1/-1;font-size:11px;line-height:1.5;color:#d3e7d9;margin:8px 0 0}
@media(max-width:1200px){.supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.supplier-grid,.sourcing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.parts-workspace{padding:20px 18px}.supplier-grid,.sourcing-steps{grid-template-columns:1fr}.flow-stage{padding:10px}.flow-stage strong{font-size:19px}}
.pilot-controls{margin-top:20px;padding:18px;background:#F0EFE1;border-top:4px solid #FF6B00}
.pilot-controls h4{margin:0;color:#004934}.pilot-controls>p{font-size:13px}
.pilot-form{display:grid;gap:12px;padding:16px 0;border-top:1px solid #bdc9bc}
.pilot-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.pilot-form input,.pilot-form select{width:100%;padding:10px;border:1px solid #9ebbad;background:#fff;font:inherit;color:#13241d}
.pilot-form input[type=checkbox]{width:20px;height:20px}
.pilot-form button{padding:12px 16px;border:0;background:#004934;color:#F0EFE1;font:inherit;font-weight:700;cursor:pointer}
.pilot-form button:disabled{opacity:.55;cursor:default}.pilot-form :focus-visible{outline:3px solid #00D3FF;outline-offset:2px}
.pilot-form [role=status]{margin:0;font-size:13px}
.pilot-form>a{display:block;min-height:44px;padding:12px 16px;background:#FF6B00;color:#13241d;text-decoration:none;font-weight:700;overflow-wrap:anywhere}
.pilot-form label,.pilot-form input,.pilot-form select{min-width:0}
