/* V437E - KPI doanh thu nâng cấp */
.v437e-kpi-page{display:flex;flex-direction:column;gap:12px}
.v437e-kpi-toolbar{display:grid;grid-template-columns:170px 220px 190px auto auto;gap:9px;align-items:end;padding:14px}
.v437e-kpi-toolbar label>span{display:block;margin-bottom:5px;font-size:9.5px;color:var(--muted-foreground)}
.v437e-kpi-toolbar input,.v437e-kpi-toolbar select,.v437e-kpi-toolbar button{width:100%;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);padding:0 10px;font-size:10.5px}
.v437e-kpi-toolbar button{font-weight:700;cursor:pointer}
.v437e-kpi-toolbar button.primary{background:var(--foreground);color:var(--background)}
.v437e-kpi-toolbar button.warning{background:#fff7ed;color:#b45309;border-color:#fed7aa}
.v437e-locked-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dbeafe;border-radius:9px;background:#eff6ff;color:#1e3a8a}
.v437e-locked-note strong{font-size:11px}.v437e-locked-note span{font-size:9.5px}
.v437e-loading,.v437e-empty{padding:20px;text-align:center;color:var(--muted-foreground);font-size:10.5px}
.v437e-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v437e-summary-grid article{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--card)}
.v437e-summary-grid span{display:block;font-size:9px;color:var(--muted-foreground);font-weight:700}
.v437e-summary-grid strong{display:block;margin-top:7px;font-size:18px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}
.v437e-summary-grid small{display:block;margin-top:6px;font-size:8.8px;color:var(--muted-foreground)}
.v437e-warnings{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.v437e-warnings>div{padding:11px 12px;border-radius:9px;border:1px solid var(--border)}
.v437e-warnings .near{background:#fffbeb;border-color:#fde68a}.v437e-warnings .danger{background:#fef2f2;border-color:#fecaca}
.v437e-warnings strong{display:block;font-size:10.5px}.v437e-warnings span{display:block;margin-top:4px;font-size:9px;line-height:1.4;color:var(--muted-foreground)}
.v437e-top3{padding:14px}.v437e-top3 h3{margin:0 0 10px;font-size:12px}
.v437e-top3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v437e-top3-grid>article{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--background)}
.v437e-person{display:grid;grid-template-columns:24px 38px minmax(0,1fr);align-items:center;gap:8px}
.v437e-person .rank{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:white;font-size:9px}.v437e-person .r1{background:#eab308}.v437e-person .r2{background:#94a3b8}.v437e-person .r3{background:#b7791f}
.v437e-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--muted);border:1px solid var(--border)}
.v437e-avatar.small{width:30px;height:30px}
.v437e-avatar img{width:100%;height:100%;object-fit:cover}.v437e-avatar span{width:100%;height:100%;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:var(--muted-foreground)}
.v437e-person>div:last-child{min-width:0}.v437e-person strong{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v437e-person small{display:block;margin-top:2px;font-size:8.5px;color:var(--muted-foreground)}
.v437e-progress,.v437e-percent i{height:5px;border-radius:999px;background:var(--muted);overflow:hidden}
.v437e-progress{margin-top:10px}.v437e-progress i,.v437e-percent i b{display:block;height:100%;border-radius:999px;background:var(--chart-1)}
.v437e-top-foot{display:flex;justify-content:space-between;gap:8px;margin-top:7px}.v437e-top-foot span{font-size:8.5px;color:var(--muted-foreground)}
.v437e-table-panel{padding:14px}.v437e-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.v437e-section-head h3{margin:0;font-size:12px}.v437e-section-head p{margin:3px 0 0;font-size:9px;color:var(--muted-foreground)}.v437e-section-head>span{font-size:9px;color:var(--muted-foreground)}
.v437e-table-wrap{overflow-x:auto}.v437e-table{width:100%;border-collapse:collapse;font-size:9.5px}.v437e-table th{padding:8px 7px;text-align:left;border-bottom:1px solid var(--border);font-size:8.5px;color:var(--muted-foreground);white-space:nowrap}.v437e-table td{padding:9px 7px;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer}.v437e-table tbody tr:hover{background:var(--muted)/20}
.v437e-name{display:flex;align-items:center;gap:7px}.v437e-name strong{display:block;font-size:10px}.v437e-name small{display:block;margin-top:2px;font-size:8px;color:var(--muted-foreground)}
.v437e-percent{min-width:76px}.v437e-percent strong{font-size:9.5px}.v437e-percent i{display:block;margin-top:4px}
.v437e-table td.positive{color:#15803d}.v437e-table td.negative{color:#b91c1c}
.v437e-status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 7px;border-radius:999px;font-size:8px;font-weight:700}
.v437e-status.over{background:#dcfce7;color:#15803d}.v437e-status.met{background:#dbeafe;color:#1d4ed8}.v437e-status.near{background:#fef3c7;color:#b45309}.v437e-status.under{background:#f1f5f9;color:#64748b}.v437e-status.no_target{background:#f3e8ff;color:#7e22ce}
.v437e-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border)}.v437e-pagination>span{font-size:9px;color:var(--muted-foreground)}.v437e-pagination>div{display:flex;align-items:center;gap:6px}.v437e-pagination select,.v437e-pagination button{height:30px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 8px;font-size:9px}.v437e-pagination button{width:30px;padding:0;font-size:14px}
.v437e-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}.v437e-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.42)}.v437e-detail{position:relative;z-index:1;width:min(680px,100%);max-height:82vh;overflow:auto;border-radius:12px;background:var(--background);border:1px solid var(--border);box-shadow:0 20px 60px rgba(15,23,42,.25);padding:14px}
.v437e-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.v437e-detail-head strong{display:block;font-size:13px}.v437e-detail-head small{display:block;margin-top:3px;font-size:9px;color:var(--muted-foreground)}.v437e-detail-head button{width:30px;height:30px;border:0;border-radius:50%;background:var(--muted);font-size:18px}
.v437e-order-list{display:flex;flex-direction:column}.v437e-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);color:inherit!important;text-decoration:none!important}.v437e-order:last-child{border-bottom:0}.v437e-order strong{display:block;font-size:10px}.v437e-order small{display:block;margin-top:2px;font-size:8.5px;color:var(--muted-foreground)}.v437e-order>div:last-child{text-align:right}

@media(max-width:900px){.v437e-kpi-toolbar{grid-template-columns:1fr 1fr}.v437e-summary-grid{grid-template-columns:1fr 1fr}.v437e-top3-grid{grid-template-columns:1fr}.v437e-warnings{grid-template-columns:1fr}}
@media(max-width:720px){
 .v437e-kpi-page{gap:9px}.v437e-kpi-toolbar{grid-template-columns:1fr;padding:10px}.v437e-summary-grid{gap:7px}.v437e-summary-grid article{padding:10px}.v437e-summary-grid strong{font-size:13px}.v437e-summary-grid span{font-size:8px}.v437e-summary-grid small{font-size:7.7px}
 .v437e-locked-note{flex-direction:column;align-items:flex-start}.v437e-table-wrap{overflow:visible}.v437e-table{display:block}.v437e-table thead{display:none}.v437e-table tbody{display:flex;flex-direction:column;gap:8px}.v437e-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:9px;overflow:hidden}.v437e-table td{display:block;white-space:normal;padding:8px}.v437e-table td:first-child{grid-column:1/-1;background:var(--muted)}.v437e-table td::before{display:block;margin-bottom:3px;font-size:7.5px;color:var(--muted-foreground)}.v437e-table td:nth-child(2)::before{content:"Chỉ tiêu"}.v437e-table td:nth-child(3)::before{content:"Doanh số hoàn thành"}.v437e-table td:nth-child(4)::before{content:"% đạt"}.v437e-table td:nth-child(5)::before{content:"Vượt KPI"}.v437e-table td:nth-child(6)::before{content:"Thưởng KPI"}.v437e-table td:nth-child(7)::before{content:"So tháng trước"}.v437e-table td:nth-child(8)::before{content:"Trạng thái"}
 .v437e-pagination{flex-direction:column;align-items:stretch}.v437e-pagination>div{justify-content:space-between}
}