.stock-shell{display:grid;gap:14px}
.stock-note{padding:11px 13px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:12px;font-size:12px;line-height:1.45}
.stock-note.warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}
.stock-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.stock-toolbar h2{font-size:20px;color:#0f172a}
.stock-toolbar p{font-size:12px;color:#64748b;margin-top:3px}
.stock-actions,.stock-tabs{display:flex;flex-wrap:wrap;gap:7px}
.stock-tabs button{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:9px;padding:9px 13px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700}
.stock-tabs button.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a}
.stock-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.stock-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:13px;box-shadow:0 3px 12px rgba(15,23,42,.04)}
.stock-kpi span{display:block;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.stock-kpi strong{display:block;font-size:22px;color:#0f172a;margin-top:4px}
.stock-panel{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:15px;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.stock-panel h3{font-size:15px;color:#0f172a;margin-bottom:5px}
.stock-panel p{font-size:11px;color:#64748b;margin-bottom:11px}
.stock-order{border:2px solid #cbd5e1;border-radius:13px;margin-top:11px;overflow:hidden;background:#f8fafc}
.stock-order.green{background:#f0fdf4;border-color:#86efac}
.stock-order.yellow{background:#fffbeb;border-color:#facc15}
.stock-order.red{background:#fef2f2;border-color:#ef4444}
.stock-order.done{background:#eff6ff;border-color:#93c5fd}
.stock-order.is-overdue{animation:stockOverduePulse 1.5s ease-in-out infinite}
@keyframes stockOverduePulse{0%,100%{background:#fef2f2;border-color:#ef4444;box-shadow:0 0 0 0 rgba(220,38,38,.28)}50%{background:#fecaca;border-color:#991b1b;box-shadow:0 0 0 5px rgba(220,38,38,.28)}}
@media(prefers-reduced-motion:reduce){.stock-order.is-overdue{animation:none;background:#fee2e2;border-color:#b91c1c}}
.stock-order-toggle{width:100%;display:grid;grid-template-columns:38px minmax(140px,1.4fr) minmax(120px,1fr) minmax(115px,.8fr) 18px;gap:10px;align-items:center;padding:12px;border:0;background:transparent;color:#0f172a;text-align:left;cursor:pointer;font-family:inherit}
.stock-order-toggle:hover,.stock-order-toggle:focus-visible{background:rgba(255,255,255,.55)}
.stock-order-toggle:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}
.stock-order-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;font-size:12px;font-weight:900;color:#334155}
.stock-order-identity strong{display:block;font-size:15px;color:#0f172a;overflow-wrap:anywhere}
.stock-order-identity small,.stock-order-delivery small{display:block;color:#475569;font-size:10px;margin-top:3px}
.stock-order-indicator{justify-self:start;border-radius:999px;padding:6px 10px;background:#fff;font-size:11px;font-weight:900;color:#334155}
.stock-order.red .stock-order-indicator{color:#991b1b}.stock-order.yellow .stock-order-indicator{color:#92400e}.stock-order.green .stock-order-indicator{color:#166534}.stock-order.done .stock-order-indicator{color:#1d4ed8}
.stock-order-delivery b{font-size:12px;color:#0f172a}
.stock-order-chevron{font-size:20px;font-weight:900;text-align:center;color:#334155}
.stock-order-details{padding:12px;border-top:1px solid rgba(100,116,139,.25);background:#fff}
.stock-order-details[hidden]{display:none}
.stock-order-meta{font-size:11px;color:#64748b;margin-bottom:10px}
.stock-material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:9px}
.stock-material{border-radius:11px;border:1px solid #cbd5e1;padding:11px;background:#f8fafc}
.stock-material.green{background:#f0fdf4;border-color:#86efac}
.stock-material.yellow{background:#fffbeb;border-color:#fcd34d}
.stock-material.red{background:#fef2f2;border-color:#fca5a5}
.stock-material.done{background:#eff6ff;border-color:#93c5fd}
.stock-material.unknown{background:#f8fafc;border-color:#cbd5e1}
.stock-material-head{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}
.stock-material-head strong{font-size:12px;color:#0f172a}
.stock-status{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;background:#fff;color:#334155;white-space:nowrap}
.stock-material p{font-size:11px;color:#475569;margin:7px 0}
.stock-material .stock-ok-row{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:12px;font-weight:800;color:#166534}
.stock-material .stock-ok-row input{accent-color:#16a34a}
.stock-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stock-form label{display:block;font-size:10px;font-weight:800;color:#475569}
.stock-form input,.stock-form select{margin-top:4px}
.stock-form .stock-form-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center}
.stock-table-wrap{overflow-x:auto}
.stock-table{width:100%;border-collapse:collapse;font-size:11px}
.stock-table th,.stock-table td{padding:9px 7px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}
.stock-table th{color:#64748b;text-transform:uppercase;font-size:9px;letter-spacing:.4px}
.stock-table td strong{color:#0f172a}
.stock-level{font-weight:800}
.stock-level.low{color:#dc2626}.stock-level.high{color:#b45309}.stock-level.normal{color:#15803d}
.stock-empty{padding:24px;text-align:center;color:#64748b;font-size:12px;border:1px dashed #cbd5e1;border-radius:10px}
.stock-report{display:grid;gap:14px}
.stock-report-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}
.stock-report-heading h3{font-size:17px;color:#0f172a;margin:0 0 5px}
.stock-report-heading p{font-size:11px;color:#64748b;margin:0}
.stock-report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.stock-report-kpi{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #e11d48;border-radius:12px;padding:12px;min-height:82px}
.stock-report-kpi span{display:block;font-size:10px;font-weight:800;color:#475569;line-height:1.3}
.stock-report-kpi strong{display:block;font-size:24px;color:#0f172a;margin-top:7px}
.stock-report-charts{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(330px,1.2fr);gap:14px}
.stock-report-charts .stock-panel{min-width:0}
.stock-report-effectiveness{text-align:center}
.stock-report-effectiveness h3{text-align:left}
.stock-report-donut{width:146px;height:146px;margin:14px auto;border-radius:50%;background:conic-gradient(#16a34a var(--stock-pct),#e2e8f0 0);display:grid;place-items:center}
.stock-report-donut>div{width:108px;height:108px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.stock-report-donut strong{font-size:27px;color:#0f172a}
.stock-report-donut span{font-size:10px;color:#64748b;font-weight:800}
.stock-report-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:end;height:170px;padding:10px 3px 0}
.stock-report-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;height:100%}
.stock-report-bar-col>span{font-size:11px;font-weight:900;color:#881337}
.stock-report-bar-track{height:105px;width:100%;max-width:40px;background:#f1f5f9;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden}
.stock-report-bar-track i{display:block;width:100%;background:#e11d48;border-radius:6px 6px 0 0;min-height:0}
.stock-report-bar-col small{font-size:8px;color:#475569;text-align:center;margin-top:5px;line-height:1.2;overflow-wrap:anywhere}
.stock-report-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px;font-size:11px;line-height:1.5;color:#1e3a8a}
.stock-report-table{min-width:680px}
.stock-report-table td{line-height:1.4;overflow-wrap:anywhere}
@media(max-width:1000px){.stock-kpis{grid-template-columns:repeat(2,1fr)}.stock-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.stock-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-report-charts{grid-template-columns:1fr}}
@media(max-width:760px){.stock-order-toggle{grid-template-columns:36px minmax(0,1fr) 18px;gap:8px}.stock-order-indicator{grid-column:2;grid-row:2}.stock-order-delivery{grid-column:2;grid-row:3}.stock-order-chevron{grid-column:3;grid-row:1/4}}
@media(max-width:620px){.stock-form,.stock-kpis{grid-template-columns:1fr}.stock-toolbar{align-items:stretch}.stock-material-grid{grid-template-columns:1fr}.stock-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-report-bars{gap:3px}.stock-report-bar-col small{font-size:7px}}
.stock-finalized-row{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:12px;border:1px solid #93c5fd;border-radius:11px;background:#eff6ff;color:#1e3a8a;cursor:pointer}
.stock-finalized-row input{margin-top:2px;accent-color:#2563eb;transform:scale(1.15)}
.stock-finalized-row strong,.stock-finalized-row small{display:block}
.stock-finalized-row strong{font-size:12px}.stock-finalized-row small{font-size:10px;line-height:1.4;margin-top:3px}
.stock-item-inactive{background:#f8fafc;opacity:.7}
.stock-level.inactive{color:#64748b}
.stock-row-actions{white-space:nowrap}.stock-row-actions button+button{margin-left:5px}
.stock-active-field{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;align-self:end;padding:8px;border:1px solid #cbd5e1;border-radius:8px}
.stock-active-field input{margin:0!important;accent-color:#16a34a}
.stock-active-field small{width:100%;color:#64748b;font-size:9px;font-weight:500}
.stock-modal-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.65);backdrop-filter:blur(3px)}
.stock-modal{width:min(780px,100%);max-height:min(90vh,900px);overflow:auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.stock-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.stock-modal-head h3{font-size:18px}.stock-modal-head p{font-size:11px;color:#64748b;margin-top:4px}
.stock-modal-close{border:0;background:#f1f5f9;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}
.stock-agenda-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.stock-agenda-form label{font-size:11px;font-weight:800;color:#475569}
.stock-agenda-form input,.stock-agenda-form textarea{display:block;width:100%;margin-top:5px}
.stock-agenda-all-day{display:flex!important;align-items:center;gap:7px;align-self:end;min-height:38px}
.stock-agenda-all-day input{width:auto;margin:0;accent-color:#2563eb}
.stock-agenda-notes,.stock-agenda-form .stock-form-actions{grid-column:1/-1}
.stock-agenda-list{display:grid;gap:9px}
.stock-agenda-event{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid #cbd5e1;border-left:4px solid #3b82f6;border-radius:10px;background:#f8fafc}
.stock-agenda-event.today{border-left-color:#f59e0b;background:#fffbeb}
.stock-agenda-event.overdue{border-left-color:#dc2626;background:#fef2f2}
.stock-agenda-event.done{border-left-color:#16a34a;background:#f0fdf4}
.stock-agenda-date{font-size:10px;font-weight:900;color:#1d4ed8}
.stock-agenda-event h4{font-size:13px;color:#0f172a;margin:4px 0}
.stock-agenda-event p{font-size:11px;color:#475569;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 5px}
.stock-agenda-event small{font-size:9px;color:#64748b}
.stock-agenda-actions{display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-end;gap:5px}
.stock-agenda-alert{position:fixed;inset:0;z-index:550;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.68)}
.stock-agenda-alert section{width:min(470px,100%);padding:22px;border-radius:16px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.34)}
.stock-agenda-alert section>span{color:#1d4ed8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.stock-agenda-alert h3{margin:9px 0;color:#0f172a;font-size:20px}
.stock-agenda-alert p{margin:7px 0;color:#475569;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.stock-agenda-alert section>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){.stock-agenda-form{grid-template-columns:1fr 1fr}.stock-agenda-event{flex-direction:column}.stock-agenda-actions{justify-content:flex-start}}
@media(max-width:520px){.stock-agenda-form{grid-template-columns:1fr}}