:root{--navy:#0b1f4b;--blue:#39388d;--violet:#6658e8;--ink:#14213a;--muted:#677386;--line:#e5e8ef;--bg:#f5f7fb;--red:#d92d4b;--amber:#f59e0b;--green:#16a36a;--cyan:#2b8dbd;--white:#fff;--shadow:0 10px 28px rgba(24,36,68,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0a1d47 0%,#111c3b 100%);color:#fff;padding:20px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{width:155px;max-height:44px;object-fit:contain;object-position:left}.brand-fallback{display:none;font-size:18px;font-weight:900;letter-spacing:.04em}.brand-fallback span{font-weight:500;color:#aab6d4}.brand small{display:block;color:#8ea0c2;font-size:9px;letter-spacing:.16em;margin-top:9px}.client{padding:18px 9px}.client strong{display:block;font-size:19px;letter-spacing:.08em}.client span{display:block;color:#9eacc8;font-size:11px;line-height:1.35;margin-top:5px}.sidebar nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#cad2e2;text-align:left;padding:12px 13px;border-radius:10px;cursor:pointer;font-size:13px}.nav:hover,.nav.active{background:rgba(255,255,255,.1);color:#fff}.nav span{margin-left:8px}.sidebar-foot{margin-top:auto;padding:13px 9px;font-size:11px;color:#b8c2d5;border-top:1px solid rgba(255,255,255,.1)}.sidebar-foot small{display:block;margin-top:8px;color:#7f90b0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30d18b;margin-right:6px}main{padding:26px 30px 16px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--blue)}h1{font-size:29px;margin:5px 0 0;letter-spacing:-.02em}h2{margin:4px 0 5px;font-size:23px;letter-spacing:-.02em}h3{margin:0 0 3px;font-size:16px}.header-actions{display:flex;gap:10px;align-items:center}.status-chip{background:#ecf8f2;border:1px solid #caeadb;color:#277052;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:700}.status-chip span{display:inline-block;width:7px;height:7px;background:#22b573;border-radius:50%;margin-right:7px}.btn{border:0;border-radius:9px;padding:10px 13px;cursor:pointer;font-weight:700;font-size:12px}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--blue)}.view{display:none}.active-view{display:block}.story-strip{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:16px}.story-step{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#4d5a6f}.story-step b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef1f7;color:#48566f}.story-step.danger b{background:#ffe9ed;color:var(--red)}.story-step.success b{background:#e3f7ed;color:var(--green)}.arrow{color:#a3adbd}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 17px;box-shadow:var(--shadow)}.kpi span{font-size:11px;color:var(--muted);font-weight:700}.kpi strong{display:block;font-size:29px;margin:6px 0 3px;color:#162a53}.kpi small{font-size:10px;color:#8a94a6}.grid2{display:grid;grid-template-columns:1.65fr 1fr;gap:15px;margin-bottom:15px}.grid3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.hero-risk{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{margin-top:8px}.panel-head p,.panel-title p,.section-intro p{margin:0;color:var(--muted);font-size:11px}.badge{display:inline-block;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.06em}.badge.red{background:#ffe7eb;color:#b4233a}.badge.amber{background:#fff1d7;color:#9a6500}.badge.green{background:#e7f8ef;color:#147a4d}.risk-score{text-align:right}.risk-score strong{display:block;font-size:27px;color:var(--red)}.risk-score span{font-size:10px;color:var(--muted)}.risk-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.risk-chain div{background:#f7f8fb;border:1px solid #eceef3;border-radius:10px;padding:11px}.risk-chain span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.risk-chain strong{display:block;font-size:13px;margin:5px 0 2px}.risk-chain small{font-size:10px;color:#747f91}.recommendation{background:linear-gradient(135deg,#f1f0ff,#f8f7ff);border:1px solid #e2dffc;border-radius:11px;padding:11px 12px;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center}.recommendation .ai-icon{width:31px;height:31px;border-radius:9px;background:#fff;color:var(--violet);display:grid;place-items:center;font-weight:900}.recommendation b{font-size:11px}.recommendation p{margin:3px 0 0;font-size:10.5px;color:#566174;line-height:1.35}.mini{border:0;background:#39388d;color:#fff;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer}.alerts-panel{padding:16px}.panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.count{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f1f0ff;color:var(--blue);font-weight:800;font-size:11px}.alert-item{padding:10px 0;border-top:1px solid #edf0f4;display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center}.alert-item:first-child{border-top:0}.alert-dot{width:7px;height:7px;border-radius:50%}.alert-dot.red{background:var(--red)}.alert-dot.amber{background:var(--amber)}.alert-item b{font-size:11px;display:block}.alert-item p{margin:2px 0 0;font-size:10px;color:var(--muted)}.alert-item small{font-size:9px;color:#8c96a7}.chart-panel{padding:15px}.bars{height:120px;display:flex;align-items:end;gap:10px;padding-top:14px}.bar-col{flex:1;text-align:center}.bar-col i{display:block;margin:auto;width:70%;background:linear-gradient(180deg,#6658e8,#39388d);border-radius:7px 7px 2px 2px}.bar-col b{display:block;font-size:10px;margin-top:5px}.bar-col small{font-size:9px;color:var(--muted)}.donut-wrap{display:flex;align-items:center;gap:18px;padding-top:5px}.donut{width:104px;height:104px;border-radius:50%;background:conic-gradient(#39388d 0 39%,#6658e8 39% 69%,#2b8dbd 69% 86%,#c2c8d4 86% 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:#fff}.donut div{z-index:2;font-weight:900;font-size:20px;text-align:center}.donut small{display:block;font-size:8px;color:var(--muted)}.legend{display:grid;gap:7px;font-size:9.5px;color:#586477}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:6px}.l1{background:#39388d}.l2{background:#6658e8}.l3{background:#2b8dbd}.l4{background:#c2c8d4}.metric-big{padding:8px 0 3px}.metric-big strong{font-size:35px;color:#1f2d54}.metric-big span{font-size:11px;margin-left:5px}.metric-big small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.spark{height:65px;display:flex;align-items:end;gap:5px}.spark span{flex:1;background:#dfe3f6;border-radius:4px 4px 0 0}.section-intro{margin:4px 0 18px}.section-intro p{max-width:760px;line-height:1.45}.filterbar{display:grid;grid-template-columns:180px 180px 1fr;gap:10px;margin-bottom:12px}.filterbar select,.filterbar input{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:11px;color:#465267}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{text-align:left;background:#f8f9fb;color:#697487;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:11px;border-bottom:1px solid var(--line)}td{padding:11px;font-size:10.5px;border-bottom:1px solid #edf0f4;color:#3f4c60}td b{color:#182947}.risk-pill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}.risk-pill.critico{background:#ffe7eb;color:#b4233a}.risk-pill.atencao{background:#fff1d7;color:#9a6500}.risk-pill.ok{background:#e8f7ef;color:#147a4d}.linkbtn{border:0;background:transparent;color:var(--blue);font-weight:800;font-size:10px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.material-card{padding:15px}.material-card .top{display:flex;justify-content:space-between;align-items:start}.material-card h3{font-size:14px;margin-top:8px}.material-card p{font-size:10px;color:var(--muted);margin:3px 0 12px}.coverage{height:7px;border-radius:99px;background:#edf0f5;overflow:hidden}.coverage i{display:block;height:100%;border-radius:99px}.material-card .numbers{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;color:#6d788a}.material-card .action{margin-top:12px;border-top:1px solid #edf0f4;padding-top:10px;font-size:10px;line-height:1.4}.inventory-kpis{margin-top:4px}.timeline-panel{padding:24px;display:flex;align-items:center;margin-bottom:15px}.timeline-step{text-align:center;min-width:110px}.timeline-step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf0f5;color:#667085;margin:0 auto 7px}.timeline-step.done b{background:#e5f7ed;color:#147a4d}.timeline-step.warning b{background:#fff1d7;color:#9a6500}.timeline-step span{display:block;font-weight:800;font-size:11px}.timeline-step small{font-size:9px;color:var(--muted)}.line{height:3px;background:#e4e8ef;flex:1}.hbars{display:grid;gap:13px;padding:6px 0}.hbars div{display:grid;grid-template-columns:150px 1fr 44px;gap:8px;align-items:center;font-size:10px}.hbars i{height:8px;border-radius:99px;background:linear-gradient(90deg,#39388d,#6658e8)}.hbars b{font-size:10px}.grid2>.panel:not(.hero-risk):not(.alerts-panel){padding:16px}.receiving-alert{padding:11px 0;border-top:1px solid #edf0f4}.receiving-alert:first-of-type{border-top:0}.receiving-alert b{font-size:11px;margin-left:6px}.receiving-alert p{font-size:10px;color:var(--muted);margin:5px 0 0}.ai-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:15px}.ai-main{min-height:530px;display:flex;flex-direction:column}.chat-window{padding:20px;flex:1;background:linear-gradient(180deg,#fbfbfd,#f7f8fb);border-radius:14px 14px 0 0;overflow:auto}.chat{display:flex;gap:10px;margin-bottom:15px}.chat.user{justify-content:flex-end}.chat.user div:last-child{background:#39388d;color:#fff}.chat>div:last-child{max-width:78%;background:#fff;border:1px solid #e7e9ef;border-radius:12px;padding:10px 12px;box-shadow:0 4px 12px rgba(20,32,60,.05)}.chat p{margin:4px 0 0;font-size:11px;line-height:1.45}.chat b{font-size:10px}.avatar{width:30px;height:30px;border-radius:9px;background:#efedff;color:#4d42bb;display:grid;place-items:center;font-weight:900}.quick-prompts{padding:10px 15px;display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line)}.quick-prompts button{border:1px solid #dedfea;background:#fff;border-radius:999px;padding:7px 9px;font-size:9.5px;color:#4b5870;cursor:pointer}.ai-main form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 15px;border-top:1px solid var(--line)}.ai-main form input{border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:11px}.ai-main form button{border:0;background:#39388d;color:#fff;border-radius:9px;padding:0 15px;font-size:10px;font-weight:800}.ai-scope{padding:18px}.ai-scope h3{font-size:17px;margin:7px 0 15px}.scope{padding:9px 10px;border-radius:8px;margin:7px 0;font-size:10.5px;font-weight:700}.scope.ok{background:#ebf8f1;color:#22704e}.scope.no{background:#f5f6f8;color:#9098a5}.ai-scope p{font-size:10px;color:var(--muted);line-height:1.45;margin-top:14px}.architecture{padding:20px}.source-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.source{background:#f6f8fb;border:1px solid #e1e6ee;border-radius:10px;padding:12px;text-align:center}.source b{display:block;font-size:12px;color:#1d2f55}.source span{display:block;font-size:9px;color:#6f7b8f;margin-top:4px}.flow-arrow{text-align:center;color:#8793a6;font-size:10px;padding:9px}.medallion{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.med{border-radius:12px;padding:17px;text-align:center;border:1px solid}.med span{font-size:9px;letter-spacing:.12em;font-weight:900}.med b{display:block;margin:6px 0;font-size:14px}.med small{font-size:9px}.bronze{background:#f7f0ea;border-color:#e6c9ac;color:#7f5535}.silver{background:#f1f3f6;border-color:#d6dbe3;color:#596477}.gold{background:#fff8df;border-color:#efdda0;color:#876810}.decision-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.engine{padding:14px;border-radius:10px;background:#eef0ff;border:1px solid #d9dbf8;text-align:center}.engine b{display:block;font-size:12px;color:#39388d}.engine span{display:block;font-size:9px;color:#606d80;margin-top:3px}.engine.joule{background:#eef7fb;border-color:#d6e8f0}.engine.joule b{color:#21729b}.tower{background:linear-gradient(135deg,#0f2450,#39388d);color:#fff;padding:17px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.tower span{font-size:9px;letter-spacing:.12em;color:#c7d0e6}.tower b{display:block;font-size:15px;margin-top:4px}.tower-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tower-tags span{background:rgba(255,255,255,.12);padding:6px 8px;border-radius:999px;color:#fff;letter-spacing:0}.questions{padding:17px;margin-top:15px}.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.qgrid p{background:#f7f8fb;border-radius:8px;padding:10px;margin:0;font-size:10px;color:#526074}footer{display:flex;justify-content:space-between;color:#8a94a4;font-size:9px;padding:18px 2px 0}.drawer{position:fixed;right:-440px;top:0;width:420px;height:100vh;background:#fff;z-index:100;box-shadow:-20px 0 50px rgba(12,25,55,.18);transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{background:linear-gradient(135deg,#0b1f4b,#39388d);color:#fff;padding:18px;display:flex;justify-content:space-between}.drawer-head .eyebrow{color:#bfc9e5}.drawer-head button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.drawer-body{padding:18px;overflow:auto}.overlay{position:fixed;inset:0;background:rgba(7,19,44,.25);display:none;z-index:90}.overlay.show{display:block}.drawer-section{margin-bottom:18px}.drawer-section h4{font-size:11px;margin:0 0 8px;color:#24385f}.drawer-section p{font-size:10.5px;color:#5d687a;line-height:1.45}.cause{background:#f7f8fb;border-radius:9px;padding:10px;margin:7px 0}.cause b{font-size:10px}.cause span{font-size:9px;color:#697487;display:block;margin-top:3px}@media(max-width:1100px){.app{grid-template-columns:78px 1fr}.sidebar{padding:15px 9px}.brand img{width:55px;object-fit:cover;object-position:left}.brand small,.client,.nav span,.sidebar-foot{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.source-row{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{display:none}.app{display:block}main{padding:16px}.header-actions .status-chip{display:none}.grid2,.grid3,.ai-layout{grid-template-columns:1fr}.kpis,.cards{grid-template-columns:1fr 1fr}.risk-chain{grid-template-columns:1fr 1fr}.story-strip{overflow:auto;gap:10px;justify-content:flex-start}.story-step{min-width:115px}.filterbar{grid-template-columns:1fr}.source-row,.medallion,.decision-row,.qgrid{grid-template-columns:1fr}.tower{display:block}.tower-tags{justify-content:flex-start;margin-top:10px}.drawer{width:100%;right:-100%}}

/* v0.2.0 — Production Plan Adherence */
.kpi-primary{background:linear-gradient(135deg,#f1f0ff,#fff);border-color:#d8d5fb;box-shadow:0 8px 24px rgba(57,56,141,.08)}
.kpi-primary strong{color:#39388d}
.plan-adherence{padding:17px;margin-bottom:15px;border:1px solid #e4e1fb;background:linear-gradient(180deg,#ffffff,#fbfaff)}
.adherence-score{text-align:right}.adherence-score strong{display:block;font-size:32px;color:#39388d;line-height:1}.adherence-score span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.adherence-progress{height:10px;background:#eceef3;border-radius:999px;overflow:hidden;margin:12px 0 14px}.adherence-progress i{display:block;height:100%;background:linear-gradient(90deg,#39388d,#6658e8);border-radius:999px}
.plan-machines{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.plan-machine{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px;min-height:58px}.plan-machine>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-weight:900}.plan-machine b{font-size:11px;display:block}.plan-machine small{font-size:8.5px;color:var(--muted)}.plan-machine.ok>span{background:#e8f7ef;color:#147a4d}.plan-machine.risk{border-color:#f1c8cf;background:#fff8f9}.plan-machine.risk>span{background:#ffe7eb;color:#b4233a}.plan-machine .mini{margin-left:auto}
.plan-insight{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;background:#f4f2ff;border:1px solid #e4e0ff;border-radius:10px;padding:11px;margin-top:11px}.plan-insight b{font-size:10px;color:#2f2d78}.plan-insight p{margin:2px 0 0;font-size:10px;line-height:1.4;color:#5d687a}
.bar-col i.bar-ok{background:linear-gradient(180deg,#38b780,#16875a)}.bar-col i.bar-attention{background:linear-gradient(180deg,#f1b64a,#d28a10)}.bar-col i.bar-risk{background:linear-gradient(180deg,#e9687e,#bd3049)}
@media(max-width:900px){.plan-machines{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.plan-machines{grid-template-columns:1fr}}

/* ==========================================================
   v0.3.0 — Bühler immersive identity
   Public brand guidance basis: white primary, Bühler deep blue #00324B,
   turquoise #009B91 for the wordmark; light/bright, rounded, uncluttered.
   ========================================================== */
:root{
  --navy:#00324B;
  --blue:#00324B;
  --violet:#00324B;
  --ink:#16313d;
  --muted:#65767d;
  --line:#dfe6e7;
  --bg:#f3f5f4;
  --red:#c84555;
  --amber:#d89a20;
  --green:#2D572C;
  --cyan:#009B91;
  --white:#fff;
  --shadow:0 12px 28px rgba(0,50,75,.07);
}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#f8faf9 0,#f2f4f3 100%);color:var(--ink)}
.app{grid-template-columns:264px 1fr}
.sidebar{background:#fff;color:var(--navy);padding:24px 17px;border-right:1px solid #dfe6e7;box-shadow:6px 0 24px rgba(0,50,75,.035)}
.brand{padding:2px 10px 20px;border-bottom:1px solid #e4eaeb}
.buhler-brand .buhler-logo{width:154px;max-height:64px;object-fit:contain;object-position:left center;display:block}
.buhler-wordmark{display:none;color:#009B91;font-size:31px;font-weight:800;letter-spacing:.04em;line-height:1}
.brand small{color:#72848a;font-size:8.5px;letter-spacing:.14em;margin-top:10px;font-weight:700}
.client{padding:19px 10px 16px}.client strong{font-size:13px;letter-spacing:.01em;color:#00324B}.client span{color:#405c67;font-size:12px;line-height:1.35;margin-top:4px}.client em{display:block;margin-top:9px;font-style:normal;color:#87979c;font-size:9px;line-height:1.35}
.sidebar nav{gap:5px}.nav{color:#48616b;padding:12px 13px;border-radius:12px;font-size:12.5px;transition:.18s}.nav:hover{background:#f0f5f5;color:#00324B}.nav.active{background:#00324B;color:#fff;box-shadow:0 8px 20px rgba(0,50,75,.14)}
.sidebar-foot{color:#6f8187;border-top:1px solid #e2e8e9}.sidebar-foot small{color:#93a0a4}.dot{background:#2D572C}.powered-by{margin-top:16px;padding-top:12px;border-top:1px solid #edf1f1;display:grid;gap:5px}.powered-by span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#9aa6aa}.powered-by img{width:112px;max-height:28px;object-fit:contain;object-position:left center;filter:saturate(.7)}
main{padding:27px 34px 18px;max-width:1600px;width:100%;margin:auto}
header{margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #dde5e6}.eyebrow{color:#00324B;letter-spacing:.16em}.header-actions{gap:9px}.status-chip{background:#f0f5ef;border-color:#d7e1d5;color:#2D572C}.status-chip span{background:#2D572C}.btn.secondary{color:#00324B;border-color:#cfdadb;background:#fff}.btn.secondary:hover{background:#f4f7f7}
h1{color:#00324B;font-weight:500;font-size:30px}.section-intro h2,.panel h2,.panel h3{color:#00324B}
.panel,.kpi,.story-strip{box-shadow:var(--shadow);border-color:#dfe6e7;background:#fff}
.panel,.kpi{border-radius:16px}.story-strip{border-radius:14px}

.brand-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.55fr .72fr;gap:24px;align-items:stretch;background:#fff;border:1px solid #dfe6e7;border-radius:20px;padding:26px 28px;margin-bottom:16px;box-shadow:var(--shadow)}
.brand-hero:before{content:"";position:absolute;right:-58px;top:-86px;width:230px;height:230px;border-radius:52% 48% 66% 34% / 54% 40% 60% 46%;background:#00324B;opacity:.055;transform:rotate(28deg)}
.brand-hero:after{content:"";position:absolute;right:120px;bottom:-96px;width:185px;height:185px;border-radius:65% 35% 51% 49% / 37% 61% 39% 63%;background:#d89a20;opacity:.08;transform:rotate(-12deg)}
.hero-copy{position:relative;z-index:1;align-self:center}.hero-kicker{font-size:9px;font-weight:800;letter-spacing:.16em;color:#657b84}.hero-copy h2{font-size:31px;line-height:1.08;font-weight:500;max-width:700px;margin:9px 0 10px;color:#00324B}.hero-copy p{max-width:720px;font-size:12px;line-height:1.55;color:#62747b;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.hero-tags span{border:1px solid #d9e2e3;background:#f7f9f8;color:#3e5963;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}
.hero-score{position:relative;z-index:2;background:#00324B;color:#fff;border-radius:18px;padding:20px 21px;display:flex;flex-direction:column;justify-content:center;min-height:185px;box-shadow:0 16px 28px rgba(0,50,75,.17)}.hero-score>span{font-size:8.5px;letter-spacing:.14em;color:#c8d5da;font-weight:700}.hero-score>strong{font-size:54px;font-weight:500;line-height:1;margin:9px 0 5px}.hero-score>small{color:#dce5e8;font-size:10px}.hero-score-line{height:5px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;margin:14px 0 10px}.hero-score-line i{display:block;height:100%;background:#fff;border-radius:99px}.hero-score>b{font-size:10px;font-weight:600;color:#fff0c7}

.story-strip{padding:11px 15px}.story-step{color:#4a626b}.story-step b{background:#eef3f3;color:#00324B}.story-step.danger b{background:#faecee;color:#b73748}.story-step.success b{background:#eef3eb;color:#2D572C}
.kpi{padding:15px 16px}.kpi strong{color:#00324B;font-weight:500}.kpi-primary{background:#00324B;border-color:#00324B;box-shadow:0 12px 28px rgba(0,50,75,.16)}.kpi-primary span,.kpi-primary small{color:#c7d5da}.kpi-primary strong{color:#fff}
.plan-adherence{background:#fff;border-color:#dfe6e7}.adherence-score strong{color:#00324B}.adherence-progress{background:#edf1f1;height:8px}.adherence-progress i{background:#00324B}.plan-machine{border-color:#dfe6e7}.plan-machine.ok>span{background:#eef3eb;color:#2D572C}.plan-machine.risk{border-color:#e6c7cc;background:#fffafa}.plan-insight{background:#f5f8f8;border-color:#dce5e6}.plan-insight b{color:#00324B}.ai-icon{color:#00324B!important}
.mini{background:#00324B;border-radius:10px}.mini:hover{background:#0b455f}.recommendation{background:#f5f8f8;border-color:#dce5e6}.recommendation .ai-icon{color:#00324B}.count{background:#edf3f3;color:#00324B}.risk-chain div{background:#f7f9f8;border-color:#e2e8e9}

.weekly-trend{position:relative;min-height:220px;padding-top:4px}.trend-svg{width:100%;height:178px;overflow:visible}.trend-grid{stroke:#e5ebec;stroke-width:1;stroke-dasharray:3 5}.trend-line{fill:none;stroke:#00324B;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.trend-dot{stroke:#fff;stroke-width:3}.trend-dot.ok{fill:#2D572C}.trend-dot.attention{fill:#d89a20}.trend-dot.risk{fill:#c84555}.trend-dot.current{filter:drop-shadow(0 3px 5px rgba(0,50,75,.2))}.trend-value{fill:#00324B;font-size:11px;font-weight:700}.trend-week{fill:#718188;font-size:9px}.current-guide{stroke:#d89a20;stroke-width:1.5;stroke-dasharray:4 4}.trend-callout{position:absolute;right:4px;bottom:-1px;background:#fff8e8;border:1px solid #ecd7a7;border-radius:11px;padding:8px 10px;min-width:205px;box-shadow:0 7px 18px rgba(0,50,75,.05)}.trend-callout span{display:block;font-size:7.5px;letter-spacing:.12em;color:#8e6a16;font-weight:800}.trend-callout b{display:block;font-size:12px;color:#00324B;margin:2px 0}.trend-callout small{font-size:8.5px;color:#65767d}
.donut{background:conic-gradient(#00324B 0 39%,#345c6d 39% 69%,#d89a20 69% 86%,#c8d1d3 86% 100%)}.l1{background:#00324B}.l2{background:#345c6d}.l3{background:#d89a20}.l4{background:#c8d1d3}.metric-big strong{color:#00324B}.spark span{background:#d9e4e5}.chart-panel{min-height:246px}

th{background:#f4f7f7;color:#66797f}.linkbtn{color:#00324B}.hbars i{background:#00324B}.chat.user div:last-child{background:#00324B}.avatar{background:#eef3f3;color:#00324B}.ai-main form button{background:#00324B}.engine{background:#f2f6f6;border-color:#d8e2e3}.engine b{color:#00324B}.engine.joule{background:#f4f7f7;border-color:#dce4e5}.engine.joule b{color:#355a69}.tower{background:#00324B}.source b{color:#00324B}.qgrid p{background:#f5f7f7}.drawer-head{background:#00324B}.drawer-head .eyebrow{color:#c5d2d7}
footer{align-items:center;border-top:1px solid #dfe6e7;margin-top:18px;padding-top:15px}.footer-pa{display:flex;align-items:center;gap:8px}.footer-pa img{width:88px;max-height:22px;object-fit:contain;filter:saturate(.65)}

@media(max-width:1100px){.app{grid-template-columns:84px 1fr}.buhler-brand .buhler-logo{width:58px}.buhler-wordmark{font-size:14px}.powered-by{display:none}.brand-hero{grid-template-columns:1fr}.hero-score{min-height:150px}.client{display:none}}
@media(max-width:760px){.brand-hero{padding:20px}.hero-copy h2{font-size:25px}.hero-score>strong{font-size:45px}.footer-pa img{width:74px}}

/* ==========================================================
   v0.4.0 — Bühler website-led experience
   Visual system derived from Bühler public website + corporate guidance:
   white primary, deep blue #00324B, turquoise #009B91 reserved for logo,
   restrained warm highlights, light typography and generous whitespace.
   ========================================================== */
html{background:#fff}
body{margin:0;background:#fff;color:#1c2b33;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:300}
.app-shell{min-height:100vh;background:#fff}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.98);border-bottom:1px solid #e6e8e6;backdrop-filter:blur(10px)}
.brandbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1540px;margin:0 auto;padding:0 38px}
.official-brand{display:flex;align-items:center;gap:20px;min-width:0}.official-brand .buhler-logo{width:132px;max-height:38px;display:block;object-fit:contain}.buhler-wordmark{display:none;color:#009B91;font-size:28px;font-weight:700;letter-spacing:.02em}
.brand-context{border-left:1px solid #d8ddda;padding-left:20px;display:flex;flex-direction:column;min-width:0}.brand-context strong{font-size:12px;font-weight:600;color:#00324B;letter-spacing:.02em}.brand-context span{font-size:11px;color:#68767b;white-space:nowrap}
.brand-meta{display:flex;align-items:center;gap:16px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.demo-label{color:#6e7a7f}.simulated-label{color:#00324B;border-left:1px solid #dfe3e1;padding-left:16px;font-weight:600}
.top-nav{height:49px;display:flex;align-items:center;gap:4px;max-width:1540px;margin:0 auto;padding:0 38px;overflow:auto}.top-nav::-webkit-scrollbar{height:0}.top-nav .nav{appearance:none;border:0;background:transparent;color:#4d5e65;padding:16px 14px 13px;border-radius:0;font-size:12px;font-weight:400;white-space:nowrap;position:relative;box-shadow:none}.top-nav .nav:hover{color:#00324B;background:transparent}.top-nav .nav.active{color:#00324B;background:transparent;box-shadow:none;font-weight:600}.top-nav .nav.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:#00324B}
main{padding:28px 38px 28px;max-width:1540px;width:auto;margin:0 auto;background:#fff}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:0;margin:0 0 20px;padding:0}.page-head .eyebrow{font-size:9px;letter-spacing:.17em;color:#758087;font-weight:600}.page-head h1{font-size:26px;line-height:1.1;margin:7px 0 0;color:#00324B;font-weight:400}.header-actions{display:flex;align-items:center;gap:12px}.status-chip{border:0;background:#f4f6f4;color:#315b49;border-radius:0;padding:10px 12px;font-size:10px;font-weight:500}.status-chip span{background:#3b755a}.btn.secondary{border:1px solid #ccd3d0;background:#fff;color:#00324B;border-radius:0;padding:10px 15px;font-weight:500}.btn.secondary:hover{background:#f6f7f6}

/* Website-style hero: large visual field, restrained copy, no dashboard-card feeling */
.brand-hero{position:relative;overflow:hidden;min-height:338px;display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(390px,.85fr);gap:0;background:#00324B;border:0;border-radius:0;margin:0 0 28px;box-shadow:none;padding:0;color:#fff}
.brand-hero:before,.brand-hero:after{display:none}
.hero-copy{position:relative;z-index:3;align-self:center;padding:54px 52px 58px}.hero-kicker{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;color:#d9e2e5;margin-bottom:17px}.hero-copy h2{font-size:44px;line-height:1.04;font-weight:300;letter-spacing:-.025em;color:#fff;max-width:740px;margin:0 0 18px}.hero-copy p{font-size:15px;line-height:1.55;color:#d9e2e5;max-width:690px;margin:0}.hero-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px;font-size:10px;color:#d5dfe2}.hero-status strong{font-size:11px;color:#fff;font-weight:600}.hero-status span+strong,.hero-status strong+span{border-left:1px solid rgba(255,255,255,.28);padding-left:14px}
.hero-machine{position:relative;min-height:338px;background:linear-gradient(135deg,#eef1ef 0%,#d7ddda 48%,#b8c1bd 100%);overflow:hidden}.hero-machine:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,50,75,.14),transparent 44%,rgba(255,255,255,.35));}.hero-machine:after{content:"";position:absolute;right:-68px;bottom:-70px;width:260px;height:260px;background:#c2b078;transform:rotate(45deg);opacity:.72}.machine-topline{position:absolute;top:26px;left:28px;z-index:2;font-size:8px;letter-spacing:.18em;color:#52636a;font-weight:600}.machine-body{position:absolute;right:68px;bottom:48px;width:390px;height:220px;z-index:2}.machine-column{position:absolute;bottom:36px;width:74px;background:linear-gradient(90deg,#f7f8f7,#d9dddb 55%,#c0c7c3);border:1px solid rgba(67,84,91,.22);box-shadow:8px 14px 24px rgba(46,60,66,.13)}.mc1{left:24px;height:150px}.mc2{left:104px;height:177px}.mc3{left:184px;height:162px}.machine-panel{position:absolute;left:262px;bottom:62px;width:92px;height:100px;background:#f5f6f5;border:1px solid rgba(67,84,91,.22);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;box-sizing:border-box}.machine-panel i{display:block;background:#00324B;opacity:.84}.machine-base{position:absolute;left:8px;right:8px;bottom:20px;height:18px;background:#7b8581;box-shadow:0 8px 0 rgba(75,85,82,.18)}.machine-caption{position:absolute;left:28px;bottom:24px;z-index:2;font-size:9px;color:#506068;letter-spacing:.03em}
.hero-score{position:absolute;right:34px;top:30px;z-index:6;background:#fff;color:#00324B;width:178px;min-height:auto;padding:18px 20px;border-radius:0;display:block;box-shadow:0 14px 34px rgba(0,50,75,.15);border-top:4px solid #c2b078}.hero-score>span{display:block;font-size:7.5px;letter-spacing:.12em;color:#6e797e;font-weight:600}.hero-score>strong{display:block;font-size:48px;font-weight:300;line-height:1;margin:8px 0 5px;color:#00324B}.hero-score>small{font-size:9px;line-height:1.35;color:#6d787d}.hero-score-line,.hero-score>b{display:none}

/* Calm content system closer to Bühler web language */
.story-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;border:0;border-top:1px solid #e1e5e3;border-bottom:1px solid #e1e5e3;border-radius:0;box-shadow:none;background:#fff;padding:13px 6px;margin-bottom:26px}.story-step{display:flex;align-items:center;gap:8px;color:#4d5c61;font-size:10px}.story-step b{width:24px;height:24px;border-radius:0;background:#f1f3f1;color:#00324B;font-size:9px}.story-step.danger b{background:#f3e7e5;color:#a93b3e}.story-step.success b{background:#eaf0e9;color:#2d572c}.arrow{color:#aab3af;font-size:14px}
.kpis{gap:1px;background:#e2e6e4;border:1px solid #e2e6e4;margin-bottom:22px}.kpi{border:0;border-radius:0;box-shadow:none;background:#fff;padding:20px 22px;min-height:112px}.kpi span{font-size:9px;letter-spacing:.02em;color:#6a777c;font-weight:500}.kpi strong{font-size:34px;color:#00324B;font-weight:300;margin:7px 0}.kpi small{font-size:9px;color:#849095}.kpi-primary{background:#00324B}.kpi-primary span,.kpi-primary small{color:#d0dade}.kpi-primary strong{color:#fff}
.panel{border:1px solid #e2e6e4;border-radius:0;box-shadow:none;background:#fff}.panel-title h3,.panel-head h2,.section-intro h2{font-weight:400;color:#00324B}.panel-title p,.panel-head p,.section-intro p{color:#728085}.plan-adherence{padding:24px 24px 20px}.adherence-progress{height:5px;border-radius:0;background:#ecefed}.adherence-progress i{border-radius:0;background:#00324B}.plan-machines{gap:1px;background:#e2e6e4;border:1px solid #e2e6e4}.plan-machine{border:0;border-radius:0;background:#fff;min-height:66px;padding:12px}.plan-machine.risk{background:#fff7f5}.plan-machine>span{border-radius:0}.plan-insight{border:0;border-left:3px solid #c2b078;border-radius:0;background:#f7f6f0;padding:13px 15px}.plan-insight b{color:#00324B}.mini{border-radius:0;background:#00324B}.grid2,.grid3{gap:18px}.hero-risk,.alerts-panel,.chart-panel{padding:22px}.risk-chain{gap:1px;background:#e2e6e4}.risk-chain div{border:0;border-radius:0;background:#f9faf9}.recommendation{border:0;border-left:3px solid #c2b078;border-radius:0;background:#f7f6f0}.count{border-radius:0;background:#f1f3f1;color:#00324B}.badge{border-radius:0}.chart-panel{min-height:260px}.weekly-trend{min-height:225px}.trend-callout{border-radius:0;border:0;border-left:3px solid #c2b078;background:#f7f6f0;box-shadow:none}.trend-line{stroke:#00324B}.trend-dot.current{fill:#bd6a3e}.donut{background:conic-gradient(#00324B 0 39%,#64767d 39% 69%,#c2b078 69% 86%,#d9dddb 86% 100%)}.l1{background:#00324B}.l2{background:#64767d}.l3{background:#c2b078}.l4{background:#d9dddb}.spark span{background:#b9c5c1}.spark span:nth-child(4),.spark span:nth-child(6){background:#00324B}

/* Secondary screens */
.section-intro{border-bottom:1px solid #e2e6e4;padding-bottom:22px;margin-bottom:22px}.section-intro .eyebrow{font-size:9px;color:#7b868a}.section-intro h2{font-size:31px;font-weight:300;margin:8px 0}.section-intro p{max-width:850px;font-size:12px;line-height:1.55}.filterbar{border:0;background:#f6f7f5;border-radius:0;padding:12px;margin-bottom:16px}.filterbar select,.filterbar input{border-radius:0;background:#fff}.table-panel{overflow:auto}.table-panel table{min-width:900px}th{background:#f2f4f2;color:#667278;font-weight:600}td,th{border-bottom-color:#e7eae8}.linkbtn{color:#00324B}.cards{gap:16px}.material-card{border-radius:0}.coverage,.coverage i{border-radius:0}.action{border-radius:0;background:#f7f6f0}.timeline-panel{border-radius:0}.timeline-step b{border-radius:0}.hbars i{background:#00324B}.receiving-alert{border-radius:0}.ai-layout{gap:18px}.ai-main,.ai-scope{border-radius:0}.quick-prompts button{border-radius:0}.chat.user div:last-child{background:#00324B;border-radius:0}.avatar{border-radius:0;background:#f1f3f1;color:#00324B}.ai-main form input,.ai-main form button{border-radius:0}.scope{border-radius:0}.architecture,.questions{border-radius:0}.source,.med,.engine,.tower,.qgrid p{border-radius:0}.tower{background:#00324B}.engine.joule{background:#f1f3f1}.drawer{border-radius:0}.drawer-head{background:#00324B}.drawer-head button{border-radius:0}
footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e2e6e4;margin-top:30px;padding:18px 0 0;color:#839095;font-size:9px}.footer-pa{display:flex;align-items:center;gap:8px}.footer-pa>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#98a2a6}.footer-pa img{display:block!important;width:auto!important;height:18px!important;max-width:92px!important;object-fit:contain!important;filter:none!important}

@media(max-width:1050px){.brandbar,.top-nav{padding-left:22px;padding-right:22px}.brand-context{display:none}main{padding:24px 22px}.brand-hero{grid-template-columns:1fr;min-height:auto}.hero-machine{min-height:270px}.hero-copy{padding:42px 38px}.hero-score{right:24px;top:auto;bottom:24px}.production-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.brandbar{height:64px}.official-brand .buhler-logo{width:108px}.brand-meta{display:none}.top-nav{height:46px}.top-nav .nav{padding:14px 11px 12px}.page-head{align-items:flex-start}.header-actions{display:none}.brand-hero{margin-left:-22px;margin-right:-22px}.hero-copy{padding:34px 24px}.hero-copy h2{font-size:34px}.hero-machine{min-height:240px}.machine-body{right:10px;transform:scale(.82);transform-origin:right bottom}.hero-score{right:18px;bottom:18px;width:154px}.hero-score>strong{font-size:40px}.story-strip{display:flex;overflow:auto;gap:8px}.arrow{display:none}.kpis,.production-kpis{grid-template-columns:1fr}.plan-machines{grid-template-columns:1fr}.grid2,.grid3{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}

/* ============================================================
   v0.4.1 · RESPONSIVE SYSTEM
   Fluid behavior from 360px phones to wide desktop displays.
   ============================================================ */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}
button,input,select{max-width:100%}
.app-shell,.site-header,.brandbar,.top-nav,main,.view,.panel{min-width:0}

/* Fluid desktop shell */
.brandbar,.top-nav{width:min(100%,1540px)}
main{width:min(100%,1540px);padding-inline:clamp(20px,2.6vw,38px)}
.page-head h1{font-size:clamp(24px,2vw,30px)}
.hero-copy h2{font-size:clamp(36px,3.3vw,52px)}
.hero-copy p{font-size:clamp(13px,1.05vw,16px)}
.kpi strong{font-size:clamp(28px,2.4vw,38px)}

/* Never allow dense content to force the viewport wider */
.panel,.kpi,.hero-copy,.hero-machine,.risk-chain>div,.material-card,.source,.med,.engine{min-width:0}
.panel-title>div,.panel-head>div,.plan-machine>div,.recommendation>div{min-width:0}
.panel p,.panel small,.kpi small,.risk-chain small,.recommendation p,.alert-item p,.material-card p,.section-intro p{overflow-wrap:anywhere}
.table-panel{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table-panel table{width:max(900px,100%)}
.weekly-trend,.trend-svg{width:100%;max-width:100%}

/* Large laptop / small desktop */
@media (max-width:1280px){
  .brandbar,.top-nav{padding-left:26px;padding-right:26px}
  main{padding-left:26px;padding-right:26px}
  .brand-context span{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-nav .nav{padding-left:11px;padding-right:11px;font-size:11px}
  .hero-copy{padding:44px 38px 48px}
  .hero-machine .machine-body{right:34px;transform:scale(.9);transform-origin:right bottom}
  .grid2{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr)}
  .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet landscape and compact windows */
@media (max-width:1050px){
  .site-header{border-bottom:1px solid #e7eae8}
  .brandbar{height:auto;min-height:68px;padding-top:10px;padding-bottom:10px}
  .official-brand{gap:14px}
  .brand-context{display:flex;flex-direction:column;min-width:0}
  .brand-context span{max-width:46vw}
  .brand-meta{margin-left:auto}
  .demo-label{display:none}
  .top-nav{width:100%;max-width:none;padding:0 22px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .top-nav .nav{flex:0 0 auto;scroll-snap-align:start}
  .top-nav::-webkit-scrollbar{display:none}
  main{padding:22px}
  .page-head{align-items:center}
  .brand-hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:40px 36px 44px}
  .hero-machine{min-height:260px}
  .hero-score{top:auto;right:24px;bottom:24px}
  .production-kpis,.inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid2,.grid3,.ai-layout{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .risk-chain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .source-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .timeline-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .timeline-step{flex:0 0 120px}
  .line{flex:0 0 44px}
}

/* Tablet portrait */
@media (max-width:820px){
  .brandbar{padding-left:18px;padding-right:18px}
  .official-brand .buhler-logo{width:112px}
  .brand-context span{display:none}
  .brand-meta{gap:8px}
  .simulated-label{font-size:8px}
  .top-nav{padding-left:12px;padding-right:12px}
  .top-nav .nav{font-size:10.5px;padding:13px 10px 12px}
  main{padding:18px}
  .page-head{gap:14px;margin-bottom:16px}
  .header-actions{gap:8px}
  .status-chip{font-size:9px;padding:9px 10px}
  .btn.secondary{font-size:10px;padding:9px 11px}
  .hero-copy{padding:34px 28px 38px}
  .hero-copy h2{font-size:clamp(32px,6vw,42px)}
  .hero-machine{min-height:230px}
  .machine-body{right:0!important;transform:scale(.78)!important}
  .hero-score{width:160px;padding:16px;right:18px;bottom:18px}
  .hero-score>strong{font-size:42px}
  .story-strip{display:flex;gap:0;overflow-x:auto;justify-content:flex-start;padding:10px 0;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .story-step{flex:0 0 auto;min-width:138px;padding:0 10px;scroll-snap-align:start}
  .arrow{flex:0 0 20px}
  .plan-machines{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel-title{gap:14px}
  .grid3{grid-template-columns:1fr}
  .source-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .medallion,.decision-row,.qgrid{grid-template-columns:1fr}
  .tower{gap:14px;flex-wrap:wrap}
  .tower-tags{justify-content:flex-start}
  .drawer{width:min(420px,100vw)}
}

/* Phones and narrow split-screen windows */
@media (max-width:600px){
  .brandbar{min-height:60px;padding:8px 14px;gap:10px}
  .official-brand{gap:10px}
  .official-brand .buhler-logo{width:98px}
  .brand-context{display:none}
  .brand-meta{margin-left:auto}
  .simulated-label{font-size:7.5px;letter-spacing:.08em}
  .top-nav{height:44px;padding:0 6px}
  .top-nav .nav{font-size:10px;padding:13px 9px 11px}
  .top-nav .nav.active:after{left:9px;right:9px}
  main{padding:14px}
  .page-head{align-items:flex-start;margin-bottom:14px}
  .page-head .eyebrow{font-size:8px}
  .page-head h1{font-size:24px}
  .header-actions{display:none}
  .brand-hero{margin:0 0 20px;display:block;background:#00324B}
  .hero-copy{padding:30px 22px 28px}
  .hero-copy h2{font-size:clamp(30px,10vw,38px);line-height:1.06}
  .hero-copy p{font-size:13px;line-height:1.5}
  .hero-status{gap:9px;margin-top:22px}
  .hero-status span+strong,.hero-status strong+span{border-left:0;padding-left:0}
  .hero-status>*{width:auto}
  .hero-machine{display:none}
  .hero-score{position:relative;inset:auto;width:auto;margin:0 22px 22px;padding:16px 18px;border-top-width:3px;box-shadow:none}
  .hero-score>strong{font-size:40px}
  .story-strip{margin-bottom:18px}
  .story-step{min-width:126px;font-size:9.5px}
  .production-kpis,.inventory-kpis,.kpis{grid-template-columns:1fr}
  .kpi{min-height:0;padding:16px 18px}
  .plan-adherence{padding:18px 14px 16px}
  .panel-title{align-items:flex-start;flex-wrap:wrap}
  .adherence-score{margin-left:auto}
  .plan-machines{grid-template-columns:1fr}
  .plan-machine{min-height:58px}
  .plan-machine.risk{grid-template-columns:auto 1fr;row-gap:8px}
  .plan-machine.risk .mini{grid-column:2;justify-self:start}
  .plan-insight{grid-template-columns:26px 1fr;padding:12px}
  .grid2,.grid3,.ai-layout,.cards{grid-template-columns:1fr}
  .hero-risk,.alerts-panel,.chart-panel{padding:16px}
  .panel-head{gap:12px;flex-wrap:wrap}
  .risk-score{text-align:left;margin-left:auto}
  .risk-chain{grid-template-columns:1fr}
  .recommendation{grid-template-columns:28px minmax(0,1fr);padding:12px;align-items:start}
  .recommendation .mini{grid-column:2;justify-self:start}
  .alert-item{grid-template-columns:8px minmax(0,1fr)}
  .alert-item small{grid-column:2}
  .weekly-trend{min-height:205px;overflow:hidden}
  .trend-svg{height:auto;min-height:145px}
  .trend-callout{position:static!important;width:100%!important;margin-top:4px}
  .donut-wrap{flex-direction:column;align-items:flex-start}
  .metric-big strong{font-size:32px}
  .filterbar{grid-template-columns:1fr;padding:10px}
  .filterbar select,.filterbar input{width:100%}
  .cards{gap:12px}
  .material-card .numbers{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
  .timeline-panel{overflow:visible;display:grid;grid-template-columns:1fr;padding:18px}
  .timeline-step{min-width:0;width:100%;display:grid;grid-template-columns:40px 1fr auto;align-items:center;text-align:left;gap:10px}
  .timeline-step b{margin:0}
  .timeline-step span,.timeline-step small{display:block}
  .line{width:2px;height:22px;min-height:22px;margin:2px 0 2px 16px;flex:none}
  .hbars div{grid-template-columns:minmax(0,1fr) auto;row-gap:5px}
  .hbars div span{grid-column:1}
  .hbars div b{grid-column:2;text-align:right}
  .hbars div i{grid-column:1/-1;grid-row:2;width:100%!important}
  .ai-main{min-height:500px}
  .chat-window{padding:14px}
  .chat>div:last-child{max-width:88%}
  .quick-prompts{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 12px}
  .quick-prompts button{flex:0 0 auto;white-space:nowrap}
  .ai-main form{grid-template-columns:1fr;padding:10px 12px}
  .ai-main form button{min-height:38px}
  .source-row,.medallion,.decision-row,.qgrid{grid-template-columns:1fr}
  .architecture,.questions,.ai-scope{padding:14px}
  .tower{display:block}
  .tower-tags{margin-top:10px}
  footer{flex-direction:column;align-items:flex-start;padding-top:14px}
  .drawer{width:100vw;max-width:100vw;right:-100vw}
  .drawer-body{padding:14px}
}

/* Very narrow phones */
@media (max-width:390px){
  .official-brand .buhler-logo{width:88px}
  .simulated-label{display:none}
  .top-nav .nav{font-size:9.5px;padding-left:8px;padding-right:8px}
  main{padding:12px}
  .hero-copy{padding:26px 18px 24px}
  .hero-score{margin-left:18px;margin-right:18px;margin-bottom:18px}
  .hero-copy h2{font-size:29px}
  .hero-status{font-size:9px}
  .story-step{min-width:118px;padding-inline:8px}
  .kpi strong{font-size:30px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}