/*
  MY SMART KOKU V16 – Ministry UI
  css/dashboard.css
*/
.v12-dash-hero{
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border:1px solid #bfdbfe;
  border-radius:26px;
  padding:22px 24px;
  margin-bottom:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  box-shadow:0 16px 42px rgba(37,99,235,.08);
}
.v12-dash-hero span{
  display:block;
  color:#1d4ed8;
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.v12-dash-hero h2{margin:0;font-size:28px;letter-spacing:-.04em;font-weight:600}
.v12-dash-hero p{margin:6px 0 0;color:#64748b;font-size:13px}
.v12-sync-box{text-align:right;min-width:230px}
.v12-sync-box b{display:block;color:#1d4ed8;font-size:15px;font-weight:500}
.v12-sync-box small{color:#64748b;font-size:12px}
.v12-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.v12-kpi{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:22px;
  padding:18px;
  box-shadow:0 14px 36px rgba(15,23,42,.055);
}
.v12-kpi span{display:block;color:#64748b;font-size:12px}
.v12-kpi b{display:block;color:#2563eb;font-size:32px;line-height:1;margin-top:7px;font-weight:600}
.v12-kpi small{display:block;color:#64748b;font-size:11px;margin-top:7px}
.v12-kpi.v12-warn b{color:#b45309}
.v12-visual-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.v12-card{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:26px;
  padding:18px;
  box-shadow:0 14px 36px rgba(15,23,42,.055);
}
.v12-card-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}
.v12-card-head h2{margin:0;font-size:21px;letter-spacing:-.03em;font-weight:600}
.v12-card-head p{margin:5px 0 0;color:#64748b;font-size:12px}
.v12-grade-list{display:grid;gap:12px}
.v12-grade-row{display:grid;grid-template-columns:28px 1fr 46px 52px;gap:10px;align-items:center;font-size:13px}
.v12-bar{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden}
.v12-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa)}
.v12-grade-row strong{text-align:right;font-weight:600}
.v12-grade-row em{color:#64748b;font-style:normal;font-size:12px;text-align:right}
.v12-component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v12-component-grid div{border:1px solid #e4e7ec;background:#f8fafc;border-radius:18px;padding:16px;text-align:center}
.v12-component-grid span{display:block;color:#64748b;font-size:12px}
.v12-component-grid b{display:block;color:#2563eb;font-size:28px;margin-top:4px;font-weight:600}
.v12-small-note{margin-top:12px;color:#64748b;font-size:12px}
@media(max-width:1100px){
  .v12-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .v12-visual-board{grid-template-columns:1fr}
}
@media(max-width:760px){
  .v12-dash-hero{display:block}
  .v12-sync-box{text-align:left;margin-top:12px}
  .v12-kpi-grid{grid-template-columns:1fr}
}