:root{
  --prod-bg:#f4f6f8;
  --prod-surface:#fff;
  --prod-surface-soft:#f8fafc;
  --prod-text:#172033;
  --prod-muted:#657083;
  --prod-border:#e2e7ee;
  --prod-border-strong:#d2d8e1;
  --prod-accent:#f5c400;
  --prod-accent-soft:#fff8d6;
  --prod-success:#15803d;
  --prod-success-soft:#eaf8ef;
  --prod-warning:#a16207;
  --prod-warning-soft:#fff7e3;
  --prod-danger:#b42318;
  --prod-danger-soft:#fff0ee;
  --prod-neutral:#475569;
  --prod-radius-sm:10px;
  --prod-radius-md:14px;
  --prod-radius-lg:18px;
  --prod-shadow:0 8px 24px rgba(15,23,42,.055);
  --prod-transition:160ms ease;
}
body.dark{
  --prod-bg:#0b0e14;
  --prod-surface:#121720;
  --prod-surface-soft:#171d28;
  --prod-text:#f1f5f9;
  --prod-muted:#929dad;
  --prod-border:#27303d;
  --prod-border-strong:#364152;
  --prod-accent-soft:#2b260d;
  --prod-success:#86efac;
  --prod-success-soft:#132a1e;
  --prod-warning:#fcd34d;
  --prod-warning-soft:#2c2411;
  --prod-danger:#fca5a5;
  --prod-danger-soft:#32191b;
  --prod-neutral:#cbd5e1;
  --prod-shadow:0 12px 30px rgba(0,0,0,.22);
}
.production-hub{width:100%;min-width:0;color:var(--prod-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.production-hub svg,.production-drawer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.production-page-header{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px;padding:30px 32px;border:1px solid var(--prod-border);border-radius:var(--prod-radius-lg);background:var(--prod-surface);box-shadow:var(--prod-shadow)}
.production-page-copy{min-width:0}.production-eyebrow,.production-card-kicker{display:block;margin-bottom:7px;color:#8a6800;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
body.dark .production-eyebrow,body.dark .production-card-kicker{color:var(--prod-accent)}
.production-page-copy h1{margin:0;color:var(--prod-text);font-size:clamp(28px,2.3vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1.1}
.production-page-copy p{margin:9px 0 0;color:var(--prod-muted);font-size:14px;line-height:1.5}
.production-page-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.production-page-actions button,.production-section-action,.production-card-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
.production-action-primary{box-shadow:0 5px 16px rgba(245,196,0,.18)}
.production-section-nav{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:4px;margin-bottom:32px;padding:6px;border:1px solid var(--prod-border);border-radius:12px;background:color-mix(in srgb,var(--prod-surface) 92%,transparent);box-shadow:0 6px 18px rgba(15,23,42,.05);backdrop-filter:blur(14px)}
.production-section-nav button{min-height:40px;padding:8px 13px;border-radius:8px;color:var(--prod-muted);font-size:12px;font-weight:700;transition:background var(--prod-transition),color var(--prod-transition),box-shadow var(--prod-transition)}
.production-section-nav button:hover{background:var(--prod-surface-soft);color:var(--prod-text)}.production-section-nav button.active{background:var(--prod-accent-soft);color:#715600;box-shadow:inset 0 0 0 1px rgba(245,196,0,.5)}body.dark .production-section-nav button.active{color:var(--prod-accent)}
.production-section{scroll-margin-top:70px;margin:0 0 48px}.production-section-heading{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px}
.production-section-number{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--prod-border);border-radius:12px;background:var(--prod-surface);color:var(--prod-muted);font-size:11px;font-weight:800;letter-spacing:.08em}
.production-section-title{display:flex;align-items:center;gap:12px;min-width:0}.production-section-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--prod-accent-soft);color:#806200;flex:0 0 auto}.production-section-icon svg{width:21px;height:21px}body.dark .production-section-icon{color:var(--prod-accent)}
.production-section-title h2{margin:0;color:var(--prod-text);font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.2}.production-section-title p{margin:4px 0 0;color:var(--prod-muted);font-size:13px}
.production-day-chip,.read-only-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--prod-border);border-radius:999px;background:var(--prod-surface);color:var(--prod-muted);font-size:11px;font-weight:700;white-space:nowrap}.production-day-chip b{color:var(--prod-text)}
.production-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.production-kpi{position:relative;display:flex;align-items:flex-start;gap:14px;min-height:136px;padding:22px;border:1px solid var(--prod-border);border-radius:var(--prod-radius-md);background:var(--prod-surface);box-shadow:var(--prod-shadow);overflow:hidden;transition:transform var(--prod-transition),box-shadow var(--prod-transition),border-color var(--prod-transition)}
.production-kpi:hover{transform:translateY(-2px);border-color:var(--prod-border-strong);box-shadow:0 12px 28px rgba(15,23,42,.08)}body.dark .production-kpi:hover{box-shadow:0 14px 32px rgba(0,0,0,.3)}
.production-kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#94a3b8}.production-kpi-success::before{background:#22c55e}.production-kpi-warning::before{background:#f59e0b}.production-kpi-danger::before{background:#ef4444}.production-kpi-danger.is-clear::before{background:#22c55e}
.production-kpi-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--prod-surface-soft);color:var(--prod-neutral);flex:0 0 auto}.production-kpi-success .production-kpi-icon{background:var(--prod-success-soft);color:var(--prod-success)}.production-kpi-warning .production-kpi-icon{background:var(--prod-warning-soft);color:var(--prod-warning)}.production-kpi-danger .production-kpi-icon{background:var(--prod-danger-soft);color:var(--prod-danger)}.production-kpi-danger.is-clear .production-kpi-icon{background:var(--prod-success-soft);color:var(--prod-success)}
.production-kpi>div:last-child{display:grid;gap:4px}.production-kpi span,.supply-kpi-grid span{color:var(--prod-muted);font-size:12px;font-weight:650}.production-kpi strong{color:var(--prod-text);font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}.production-kpi small,.supply-kpi-grid small{color:var(--prod-muted);font-size:11px;line-height:1.35}
.production-module-card{padding:22px;border:1px solid var(--prod-border);border-radius:var(--prod-radius-lg);background:var(--prod-surface);box-shadow:var(--prod-shadow)}
.production-card-head,.movement-panel-head,.recipe-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.production-card-head.compact{margin-bottom:16px}.production-card-head h3,.movement-panel-head h3,.recipe-detail-head h3{margin:0;color:var(--prod-text);font-size:17px;font-weight:750;letter-spacing:-.015em}.production-card-head p{margin:6px 0 0;color:var(--prod-muted);font-size:12px;line-height:1.5}
.production-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--prod-border);border-radius:12px;background:var(--prod-surface);outline:none}.production-table-wrap:focus-visible{box-shadow:0 0 0 3px rgba(245,196,0,.28)}
.production-table{min-width:860px;border-collapse:separate;border-spacing:0;font-size:13px}.production-table th{position:sticky;top:0;z-index:2;padding:12px 14px;border-bottom:1px solid var(--prod-border);background:var(--prod-surface-soft);color:var(--prod-muted);font-size:10px;font-weight:800;letter-spacing:.055em;text-align:right;text-transform:uppercase;white-space:nowrap}.production-table td{padding:13px 14px;border-top:1px solid var(--prod-border);color:var(--prod-text);text-align:right;white-space:nowrap;transition:background var(--prod-transition)}.production-table tbody tr:first-child td{border-top:0}.production-table tbody tr:hover td{background:color-mix(in srgb,var(--prod-accent-soft) 45%,var(--prod-surface))}.production-table th:first-child,.production-table td:first-child{text-align:left}.production-table td:first-child{font-weight:700}.production-table .inv-input{width:84px;min-height:38px;padding:8px;text-align:center;font-weight:750}.production-table .production-stock-value{font-size:15px;font-weight:800}.production-table .inv-row-alert td{background:var(--prod-warning-soft)}
.production-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--prod-surface-soft);color:var(--prod-neutral);font-size:10px;font-weight:750}.production-status-badge i{width:6px;height:6px;border-radius:50%;background:#94a3b8}.production-status-badge.success{background:var(--prod-success-soft);color:var(--prod-success)}.production-status-badge.success i{background:#22c55e}.production-status-badge.danger{background:var(--prod-danger-soft);color:var(--prod-danger)}.production-status-badge.danger i{background:#ef4444}
.supply-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.supply-kpi-grid article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:17px 18px;border:1px solid var(--prod-border);border-radius:var(--prod-radius-md);background:var(--prod-surface)}.supply-kpi-grid strong{grid-row:1/3;grid-column:2;color:var(--prod-text);font-size:27px;font-weight:800;letter-spacing:-.04em}.supply-kpi-grid small{grid-column:1}.supply-kpi-warning strong{color:var(--prod-warning)}.supplies-table{min-width:620px}.supplies-table td:nth-child(2){font-size:15px;font-weight:800}.supplies-table .alerta{background:var(--prod-warning-soft);color:var(--prod-warning)}
.movement-tabs{display:flex;gap:4px;margin:-6px -6px 20px;padding:5px;border-bottom:1px solid var(--prod-border)}.movement-tabs button{min-height:40px;padding:8px 13px;border-radius:8px;color:var(--prod-muted);font-size:12px;font-weight:750}.movement-tabs button:hover{background:var(--prod-surface-soft);color:var(--prod-text)}.movement-tabs button.active{background:var(--prod-accent-soft);color:#715600}body.dark .movement-tabs button.active{color:var(--prod-accent)}
.movement-panel.hidden{display:none!important}.movement-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.movement-filter-grid label{display:grid;gap:5px;color:var(--prod-muted);font-size:10px;font-weight:750;text-transform:uppercase}.period-filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.period-filter-row .btn-secondary{min-height:38px;padding:7px 11px;font-size:11px}.period-filter-row .active{border-color:rgba(245,196,0,.7);background:var(--prod-accent-soft);color:#715600}body.dark .period-filter-row .active{color:var(--prod-accent)}
.inventory-summary-disclosure{margin-bottom:14px;border:1px solid var(--prod-border);border-radius:11px;background:var(--prod-surface-soft)}.inventory-summary-disclosure summary{padding:11px 13px;color:var(--prod-text);font-size:12px;font-weight:750;cursor:pointer}.inventory-summary-disclosure[open] summary{border-bottom:1px solid var(--prod-border)}.inventory-summary-disclosure .production-table-wrap{margin:12px;border-radius:9px}
.movement-table{min-width:920px}.movement-table td:nth-child(5){font-weight:800}.supply-filter-grid{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(130px,1fr));gap:9px;margin-bottom:14px}.movement-list-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.movement-list-footer span{font-size:12px}.movement-list-footer button[hidden]{display:none}
.recipe-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recipe-module-card{border:1px solid var(--prod-border);border-radius:var(--prod-radius-lg);background:var(--prod-surface);box-shadow:var(--prod-shadow);overflow:hidden;transition:border-color var(--prod-transition),transform var(--prod-transition),box-shadow var(--prod-transition)}.recipe-module-card:hover{transform:translateY(-2px);border-color:var(--prod-border-strong)}.recipe-module-card[open]{grid-column:1/-1;transform:none}
.recipe-module-card summary{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px;list-style:none;cursor:pointer}.recipe-module-card summary::-webkit-details-marker{display:none}.recipe-module-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--prod-accent-soft);color:#806200}.recipe-module-icon svg{width:23px;height:23px}body.dark .recipe-module-icon{color:var(--prod-accent)}
.recipe-module-card summary>span:nth-child(2){display:grid;gap:5px}.recipe-module-card summary small{color:var(--prod-muted);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.1em}.recipe-module-card summary strong{color:var(--prod-text);font-size:17px;font-weight:750}.recipe-module-card summary strong b{font-size:23px;font-weight:850}.recipe-module-card summary em{color:#806200;font-size:11px;font-style:normal;font-weight:750}body.dark .recipe-module-card summary em{color:var(--prod-accent)}.recipe-module-card summary>i{color:var(--prod-muted);font-size:28px;font-style:normal;transition:transform var(--prod-transition)}.recipe-module-card[open] summary>i{transform:rotate(90deg)}
.recipe-detail{padding:0 22px 22px;border-top:1px solid var(--prod-border)}.recipe-detail-head{align-items:center;margin:18px 0 12px}.recipe-detail-head h3{font-size:15px}.recipe-detail .production-table{min-width:660px}
.production-drawer{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end}.production-drawer.hidden{display:none}.production-drawer-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.production-drawer-panel{position:relative;width:min(480px,100%);height:100%;overflow:auto;padding:28px;background:var(--prod-surface);color:var(--prod-text);box-shadow:-18px 0 50px rgba(15,23,42,.2);animation:production-drawer-in 180ms ease-out}.production-drawer-open{overflow:hidden}
@keyframes production-drawer-in{from{transform:translateX(24px);opacity:.7}to{transform:translateX(0);opacity:1}}
.production-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--prod-border)}.production-drawer-head h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em}.production-drawer-head p{margin:7px 0 0;color:var(--prod-muted);font-size:13px}.production-drawer-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--prod-border);border-radius:11px;background:var(--prod-surface-soft);color:var(--prod-text);font-size:23px}.production-drawer-form{display:grid;gap:16px;padding-top:22px}.production-drawer-form label{display:grid;gap:7px;color:var(--prod-text);font-size:12px;font-weight:750}.production-drawer-form .input{min-height:45px}.production-form-help{margin:0;padding:11px 13px;border-radius:10px;background:var(--prod-surface-soft);color:var(--prod-muted);font-size:11px;line-height:1.5}.production-drawer-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:8px}.production-drawer-actions button{min-height:46px}
.production-hub button:focus-visible,.production-hub summary:focus-visible,.production-drawer button:focus-visible{outline:3px solid rgba(245,196,0,.4);outline-offset:2px}
@media(max-width:1180px){.production-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-kpi{min-height:120px}.production-page-header{align-items:flex-start}.production-page-actions{flex-direction:column;align-items:stretch}.production-page-actions button{width:100%}.supply-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .production-page-header{display:grid;gap:18px;margin-bottom:10px;padding:20px;border-radius:16px}.production-page-copy h1{font-size:26px}.production-page-copy p{font-size:13px}.production-page-actions{display:grid;grid-template-columns:1fr 1fr}.production-page-actions button{min-width:0;padding:9px 10px;font-size:11px}
  .production-section-nav{top:54px;margin-bottom:26px;overflow-x:auto;scrollbar-width:none}.production-section-nav::-webkit-scrollbar{display:none}.production-section-nav button{flex:0 0 auto;min-height:42px;padding:8px 11px;font-size:10px}
  .production-section{margin-bottom:36px;scroll-margin-top:108px}.production-section-heading{grid-template-columns:38px minmax(0,1fr);gap:10px}.production-section-number{width:36px;height:36px}.production-section-title{gap:9px}.production-section-icon{width:38px;height:38px}.production-section-title h2{font-size:18px}.production-section-title p{font-size:11px}.production-day-chip,.production-section-action{grid-column:2;justify-self:start}
  .production-kpi-grid{gap:8px}.production-kpi{min-height:110px;padding:14px;gap:10px}.production-kpi-icon{width:36px;height:36px}.production-kpi strong{font-size:25px}.production-kpi span{font-size:10px}.production-kpi small{font-size:9px}
  .production-module-card{padding:13px;border-radius:14px}.production-card-head,.movement-panel-head{display:grid;gap:11px}.production-card-action{width:100%}.production-card-head h3,.movement-panel-head h3{font-size:15px}.production-table{font-size:11px}.production-table th,.production-table td{padding:10px 9px}.production-table th:first-child,.production-table td:first-child{position:sticky;left:0;z-index:3;background:var(--prod-surface)}.production-table th:first-child{background:var(--prod-surface-soft)}
  .supply-kpi-grid{gap:7px}.supply-kpi-grid article{display:block;padding:12px}.supply-kpi-grid strong{display:block;margin:5px 0 2px;font-size:22px}.supply-kpi-grid span{font-size:9px}.supply-kpi-grid small{font-size:8px}
  .movement-tabs{overflow-x:auto}.movement-tabs button{flex:1 0 auto;font-size:10px}.movement-filter-grid,.supply-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.movement-filter-grid label:last-child,.supply-filter-grid input[type="search"]{grid-column:1/-1}.period-filter-row{flex-wrap:nowrap;overflow-x:auto}.period-filter-row button{flex:0 0 auto}.movement-list-footer{align-items:stretch;flex-direction:column}.movement-list-footer button{width:100%}
  .recipe-module-grid{grid-template-columns:1fr}.recipe-module-card[open]{grid-column:auto}.recipe-module-card summary{grid-template-columns:44px minmax(0,1fr) auto;padding:16px;gap:11px}.recipe-module-icon{width:44px;height:44px}.recipe-module-card summary strong{font-size:14px}.recipe-module-card summary strong b{font-size:19px}.recipe-detail{padding:0 13px 13px}.recipe-detail-head{align-items:flex-start}
  .production-drawer-panel{padding:20px 16px calc(88px + env(safe-area-inset-bottom))}.production-drawer-actions{position:sticky;bottom:0;padding-top:10px;background:var(--prod-surface)}
}
@media(max-width:420px){.production-page-actions{grid-template-columns:1fr}.production-kpi-grid{grid-template-columns:1fr 1fr}.production-kpi{display:grid}.supply-kpi-grid{grid-template-columns:1fr 1fr}.supply-kpi-grid article:last-child{grid-column:1/-1}.movement-filter-grid,.supply-filter-grid{grid-template-columns:1fr}.movement-filter-grid label:last-child,.supply-filter-grid input[type="search"]{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.production-hub *,.production-drawer *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}