/* 동쪽구름 ERP — dashboard.css (관제 홈 전용) */
.dbscroll{flex:1;overflow:auto;padding:16px 16px 48px}
/* KPI 카드 그리드 */
.dbkpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-bottom:6px}
.dbcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px 14px;transition:box-shadow .12s,transform .12s}
.dbcard:hover{box-shadow:0 6px 18px #0f1b3418;transform:translateY(-1px)}
.dbcard-l{font-size:12px;color:var(--mut);font-weight:600}
.dbcard-v{font-size:26px;font-weight:800;margin-top:4px;line-height:1.1;font-variant-numeric:tabular-nums}
.dbcard-u{font-size:13px;font-weight:600;margin-left:3px;opacity:.75}
.dbcard-s{font-size:11.5px;color:var(--mut2);margin-top:5px}
/* 패널 행/열 */
.dbrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.dbcol{min-width:0}
.dbcol-2{grid-column:1 / -1;min-width:0}
.dbpanel{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dbpanel-h{display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.dbpanel-h b{color:var(--ink)}
.dbpanel-b{max-height:340px;overflow:auto}
.dbpanel-b .list th{background:#fbfcfe}
.dbpanel-b .list tbody tr:last-child td{border-bottom:none}
/* ===== 통계 차트 (라이브러리 없이 CSS) ===== */
/* 세로 막대 */
.chart-v{display:flex;align-items:flex-end;gap:8px;height:190px;padding:14px 12px 4px}
.chart-v .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.chart-v .cval{font-size:10.5px;color:var(--mut);margin-bottom:4px;font-weight:700;white-space:nowrap}
.chart-v .bar{width:64%;max-width:40px;background:linear-gradient(180deg,#3b6fe0,#1D4ED8);border-radius:5px 5px 0 0;min-height:2px;transition:height .3s}
.chart-v .bar.g{background:linear-gradient(180deg,#2fa373,#0f7b52)}
.chart-v .clab{font-size:10.5px;color:var(--mut2);margin-top:7px;white-space:nowrap}
/* 가로 막대 */
.chart-h{display:flex;flex-direction:column;gap:10px;padding:14px 16px}
.chart-h .hr{display:flex;align-items:center;gap:9px}
.chart-h .hlab{width:96px;font-size:11.5px;color:var(--ink);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}
.chart-h .track{flex:1;background:var(--bg);border-radius:6px;height:22px;overflow:hidden;position:relative}
.chart-h .fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#1D4ED8,#3b6fe0);min-width:3px;transition:width .3s}
.chart-h .fill.g{background:linear-gradient(90deg,#0f7b52,#2fa373)}
.chart-h .fill.p{background:linear-gradient(90deg,#6b3fb5,#8a5fd0)}
.chart-h .hval{width:92px;font-size:11.5px;text-align:right;font-variant-numeric:tabular-nums;color:var(--mut);flex:none;font-weight:600}
/* 전환율 게이지 */
.gauge{display:flex;align-items:center;gap:16px;padding:16px}
.gauge-ring{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.gauge-ring .inner{width:72px;height:72px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center}
.gauge-ring .pct{font-size:22px;font-weight:800;color:var(--blue)}
.gauge-ring .plab{font-size:9.5px;color:var(--mut2)}
.gauge-txt{font-size:12.5px;color:var(--mut);line-height:1.7}
.gauge-txt b{color:var(--ink);font-size:14px}
/* 좁은 화면 */
@media (max-width:900px){
  .dbrow{grid-template-columns:1fr}
  .dbcol-2{grid-column:auto}
}