/* Dashboard mua hàng Quang Châu — 2026-09-17 */
.procurement-dashboard{max-width:1600px;margin:0 auto}.proc-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px!important;margin-bottom:14px;background:linear-gradient(115deg,#fff 0%,#fff 72%,#fff3f4 100%)!important}.proc-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#b4232d;font-size:10px;font-weight:800;letter-spacing:.08em}.proc-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#c91424}.proc-welcome h2{margin:5px 0 4px;font-size:24px}.proc-welcome p{margin:0;color:#77808e;font-size:12px}
.proc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.proc-kpi{padding:16px 17px!important;border-radius:16px!important;min-width:0}.proc-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#687386;font-size:11px;font-weight:700}.proc-kpi-top i{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.proc-kpi strong{display:block;margin-top:10px;font-size:27px;color:#172033;line-height:1}.proc-kpi small{display:block;margin-top:7px;color:#98a1ad;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proc-kpi-rfq .proc-kpi-top i{background:#2563eb}.proc-kpi-warn .proc-kpi-top i{background:#f59e0b}.proc-kpi-approval .proc-kpi-top i{background:#c91424}.proc-kpi-order .proc-kpi-top i{background:#10b981}
.proc-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.proc-section-head h3{margin:0!important;font-size:15px!important}.proc-section-head span{display:block;margin-top:3px;color:#99a2ae;font-size:10px}.proc-live{display:inline-flex!important;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857!important;font-weight:700}.proc-live i{width:7px;height:7px;border-radius:50%;background:#10b981}
.proc-flow{margin-bottom:14px}.proc-flow-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.proc-flow-step{min-width:0;display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfe;text-align:left;cursor:pointer}.proc-flow-step>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800}.proc-flow-step div{min-width:0}.proc-flow-step b{display:block;color:#172033;font-size:18px;line-height:1}.proc-flow-step small{display:block;margin-top:4px;color:#7b8491;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proc-flow-step.has-work{background:#fff8f8;border-color:#f6d5d8}.proc-flow-step.has-work>span{background:#fee2e2;color:#b91c1c}
.proc-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.proc-main-col{min-width:0;display:grid;gap:14px}.proc-side-col{display:grid;gap:14px}.proc-list-card{min-width:0}.proc-link{border:0;background:transparent;color:#a71919;font-size:10px;font-weight:800;cursor:pointer}.proc-table-wrap{margin-top:12px;overflow:auto}.proc-table-wrap table{font-size:11px!important}.proc-table-wrap th,.proc-table-wrap td{padding:8px 7px!important}
.proc-value-card{background:linear-gradient(140deg,#a71919,#7f1616)!important;color:#fff!important;border:0!important}.proc-value-card>span{font-size:9px;font-weight:800;letter-spacing:.05em;opacity:.88}.proc-value-card>strong{display:block;margin-top:8px;font-size:23px}.proc-value-card>div{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:11px;border-top:1px solid rgba(255,255,255,.18);font-size:10px}.proc-alert-card #alerts{display:grid;gap:8px;margin-top:12px}
.proc-alert{width:100%;display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:start;padding:10px;border:1px solid #edf0f4;border-radius:11px;background:#fbfcfe;text-align:left;cursor:pointer}.proc-alert-dot{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#94a3b8}.proc-alert-dot.warn{background:#f59e0b}.proc-alert-dot.danger{background:#dc2626}.proc-alert-dot.ok{background:#10b981}.proc-alert b{display:block;color:#334155;font-size:10px}.proc-alert small{display:block;margin-top:3px;color:#94a3b8;font-size:9px;line-height:1.35}.proc-alert em{font-style:normal;color:#a71919;font-size:8px;font-weight:800}.procurement-dashboard .empty{padding:18px!important;font-size:10px!important}
@media(max-width:1200px){.proc-flow-grid{grid-template-columns:repeat(3,1fr)}.proc-dashboard-grid{grid-template-columns:1fr}.proc-side-col{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.proc-welcome{padding:15px!important}.proc-welcome h2{font-size:20px}.proc-welcome p{display:none}.proc-kpi-grid{grid-template-columns:1fr 1fr}.proc-flow-grid{grid-template-columns:1fr 1fr}.proc-side-col{grid-template-columns:1fr}.proc-kpi strong{font-size:22px}.proc-flow-step{padding:10px 8px}}