
/* V2.7 FAST - bổ sung giao diện, không thay app-v23.css */
.kpi-grid-v27{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.kpi-v27{background:#fff;border:1px solid #dde6e1;border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.kpi-v27 strong{display:block;font-size:29px;color:var(--green);margin-top:8px}
.kpi-v27 small{color:var(--muted)}
.chart-card-v27{background:#fff;border:1px solid #dde6e1;border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.bar-v27{display:grid;grid-template-columns:180px 1fr 52px;gap:10px;align-items:center;margin:11px 0}
.bar-v27-track{height:12px;background:#edf2ef;border-radius:20px;overflow:hidden}
.bar-v27-fill{height:100%;background:linear-gradient(90deg,#087041,#0a9256);border-radius:20px}
.status-new{background:#fff1bd;color:#7a5900}.status-processing{background:#e8f1ff;color:#245b9c}
.status-done{background:#e4f3e9;color:#24613a}.status-rejected{background:#f4e8e8;color:#8e3e3e}
.detail-grid-v27{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.link-grid-v27{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.link-card-v27{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:var(--shadow)}
.link-card-v27 .link-icon{font-size:30px}.link-card-v27 h3{margin:8px 0 7px;color:var(--green)}
.mobile-table-label{display:none}
.notice-v27{padding:12px 14px;border-radius:9px;background:#fff7d8;border:1px solid #ead58e;color:#665112;margin-bottom:14px}
.danger-v27{padding:12px 14px;border-radius:9px;background:#fff0f0;border:1px solid #edbcbc;color:#8b2222;margin-bottom:14px}
@media(max-width:1200px){.kpi-grid-v27{grid-template-columns:repeat(3,1fr)}.link-grid-v27{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .kpi-grid-v27,.link-grid-v27,.detail-grid-v27{grid-template-columns:1fr}
 .bar-v27{grid-template-columns:105px 1fr 38px;font-size:12px}
 .admin-topbar h1{font-size:19px}
 .admin-topbar p{display:none}
 .data-table{min-width:680px}
 .btn{min-height:40px}
 .form-grid{grid-template-columns:1fr!important}
 .form-grid .form-group{grid-column:1/-1!important}
}
