/* Vista Dashboard (landing por defecto, regla 8 de suite Phos) */
.ops-chart-panel{margin-top:14px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.ops-chart-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 14px}.activity-chart{display:flex;align-items:end;gap:12px;height:140px}.chart-day{display:flex;flex:1;height:100%;flex-direction:column;justify-content:end;align-items:center;gap:5px}.chart-bar{width:min(28px,80%);min-height:3px;border-radius:5px 5px 0 0;background:var(--accent)}.chart-day small{color:var(--muted);font-size:10px}
/* .dashboard-panel se aplica junto a .operator-panel (ver index-layout.css):
   extiende la base agregando padding vertical de 20px y scroll propio. */
.dashboard-panel {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow-y: auto;
}

.dashboard-kpis {
  padding: 16px;
}

.dashboard-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-top: 12px;
}

.dashboard-kpi-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dashboard-kpi-card .icon {
  width: 20px;
  height: 20px;
  color: var(--muted);
  margin-bottom: 4px;
}

.dashboard-kpi-value {
  font-size: 26px;
  font-weight: 700;
  color: var(--ink);
}

.dashboard-kpi-label {
  font-size: 13px;
  color: var(--muted);
}

.dashboard-kpi-empty {
  font-size: 11px;
  color: var(--ink-faint);
  text-transform: uppercase;
  letter-spacing: .02em;
}

.dashboard-kpi-note {
  margin: 16px 0 0;
}