/* V363 — Phân tích nhu cầu & Dự trữ chiến lược */
.v363-page{max-width:1600px;margin:0 auto}
.v363-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:center;margin:18px 0 12px;padding:18px 20px;border:1px solid #dce5e1;border-radius:12px;background:#f5faf8;box-shadow:0 3px 14px rgba(15,23,42,.04)}
.v363-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;color:#0b7762}.v363-hero h2{margin-top:5px;font-size:24px;font-weight:900;letter-spacing:-.02em;color:#172033}.v363-hero p{max-width:840px;margin-top:6px;font-size:11.5px;line-height:1.55;color:#687383}
.v363-period{display:grid;gap:6px}.v363-period span{font-size:9.5px;font-weight:800;color:#687383}.v363-period select{height:38px;border:1px solid #cfd8d4;border-radius:7px;background:#fff;padding:0 9px;font-size:11.5px}
.v363-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.v363-kpis article{min-width:0;padding:12px 13px;border:1px solid #dde3e8;border-top:3px solid #64748b;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.035)}.v363-kpis article.demand{border-top-color:#0f8b73}.v363-kpis article.customers{border-top-color:#3579bd}.v363-kpis article.peak{border-top-color:#c68b32}.v363-kpis article.urgent{border-top-color:#c85a50}.v363-kpis article.revenue{border-top-color:#55943d}.v363-kpis span{display:block;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.v363-kpis strong{display:block;overflow:hidden;margin-top:6px;text-overflow:ellipsis;font-size:16px;font-weight:900;white-space:nowrap;color:#172033}.v363-kpis small{display:block;margin-top:4px;font-size:9.5px;color:#7b8490}
.v363-panel{overflow:hidden;border:1px solid #dce2e8;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.04)}.v363-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-bottom:1px solid #e3e7eb}.v363-toolbar h3{font-size:14px;font-weight:900;color:#172033}.v363-toolbar p{margin-top:3px;font-size:10px;color:#77818e}.v363-tools{display:flex;gap:7px;align-items:center}.v363-tools input{width:270px;height:36px;border:1px solid #d5dce3;border-radius:7px;padding:0 10px;font-size:11px}.v363-tools select,.v363-tools button{height:36px;border:1px solid #d5dce3;border-radius:7px;background:#fff;padding:0 9px;font-size:10.5px;font-weight:700}.v363-tools button{color:#08705c}
.v363-table-wrap{overflow:auto}.v363-table{width:100%;min-width:1480px;border-collapse:collapse;font-size:10.5px}.v363-table th{padding:9px 8px;background:#f7f9fa;text-align:left;font-size:8.8px;letter-spacing:.04em;text-transform:uppercase;color:#65707e;white-space:nowrap}.v363-table td{padding:10px 8px;border-top:1px solid #e6e9ed;vertical-align:middle}.v363-table tbody tr:hover{background:#fbfcfc}.v363-product{min-width:180px}.v363-product strong,.v363-type strong,.v363-number strong,.v363-peak-cell strong,.v363-cover strong,.v363-suggest strong,.v363-cost strong,.v363-center strong{display:block;font-size:10.8px;font-weight:800;color:#222d3d}.v363-product small,.v363-type small,.v363-number small,.v363-peak-cell small,.v363-cover small,.v363-suggest small,.v363-cost small,.v363-center small{display:block;margin-top:2px;font-size:8.8px;color:#7a8490}.v363-center{text-align:center}.v363-number,.v363-cover,.v363-suggest,.v363-cost{text-align:right}
.v363-growth,.v363-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;white-space:nowrap}.v363-growth.up{background:#eaf6ee;color:#35772b}.v363-growth.down{background:#fff0ee;color:#a64139}.v363-growth.flat{background:#f2f4f6;color:#65707c}.v363-cost.good strong{color:#237a59}.v363-cost.high strong{color:#a84a3f}.v363-status.urgent{background:#fdecea;color:#aa3f37}.v363-status.watch{background:#fff4dc;color:#996313}.v363-status.opportunity{background:#e9f7f1;color:#14715d}.v363-status.stable{background:#eef3f6;color:#536373}.v363-muted{font-size:9px;color:#89929d}
.v363-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-top:1px solid #e3e7eb;background:#fafbfc;font-size:10px;color:#6d7784}.v363-pagination>div:last-child{display:flex;align-items:center;gap:6px}.v363-pagination select,.v363-pagination button{height:31px;border:1px solid #d6dce3;border-radius:6px;background:#fff;padding:0 8px;font-size:9.5px}.v363-pagination button:disabled{opacity:.4}.v363-pagination span{min-width:74px;text-align:center;font-weight:800;color:#3f4b5b}
.v363-empty{display:grid;min-height:220px;place-items:center;color:#77818d;font-size:11px}
.v363-method{margin-top:12px;padding:14px 16px;border:1px solid #e2ded3;border-radius:10px;background:#fffaf1}.v363-method h3{font-size:12px;font-weight:900;color:#71531f}.v363-method>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:9px}.v363-method p{font-size:9.8px;line-height:1.5;color:#746955}.v363-method b{color:#5f513d}
@media(max-width:1200px){.v363-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.v363-method>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.v363-hero{grid-template-columns:1fr}.v363-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v363-toolbar{display:grid}.v363-tools{display:grid;grid-template-columns:1fr 1fr}.v363-tools input{grid-column:1/-1;width:100%}.v363-tools button{width:100%}.v363-pagination{display:grid;text-align:center}.v363-pagination>div:last-child{display:grid;grid-template-columns:1fr 1fr auto 1fr}.v363-method>div{grid-template-columns:1fr}}
@media(max-width:500px){.v363-kpis{grid-template-columns:1fr 1fr}.v363-kpis article{padding:10px}.v363-kpis strong{font-size:13px}.v363-tools{grid-template-columns:1fr}.v363-tools input{grid-column:auto}.v363-pagination>div:last-child{grid-template-columns:1fr 1fr}.v363-pagination span{grid-column:1/-1;grid-row:1}}