.card-area,
.ops-chart-panel,
.dashboard-kpi-card,
.client-map-wrapper {
  border-radius: var(--radius-panel);
  box-shadow: none;
}

.card-area:hover { box-shadow: var(--shadow-xs); }

.dashboard-panel {
  max-width: 1360px;
  margin: 0 auto;
  padding: 24px 20px 36px;
}

.dashboard-kpis { padding: 18px; }

.dashboard-kpi-grid {
  gap: 8px;
  margin-top: 0;
}

.dashboard-kpi-card {
  min-height: 130px;
  padding: 14px;
  border-color: var(--line);
  background: var(--panel);
}

.dashboard-kpi-card .icon { color: var(--accent); }
.dashboard-kpi-value { font-family: var(--font-display); font-size: 32px; line-height: 1; }
.dashboard-kpi-label { color: var(--ink); font-size: 13px; font-weight: 600; }
.dashboard-kpi-empty { color: var(--muted); font-size: 10px; letter-spacing: .08em; }
.dashboard-kpi-note { max-width: 74ch; color: var(--muted) !important; }

.ops-chart-panel { padding: 18px; background: var(--panel); }
.ops-chart-panel h3 { font-family: var(--font-display); font-size: 16px; }
.chart-bar { border-radius: var(--radius-control) var(--radius-control) 0 0; }

/* El operador conserva su mapa, discador y densidad; sólo recibe la escala v2. */
#operatorView {
  gap: 12px;
  padding: 18px 20px 32px;
}

#operatorView .card-dialer { border-top: 2px solid var(--accent); }
#operatorView .dialer-input-group .na-input,
#operatorView .dialer-input-group .btn { height: 44px; min-height: 44px; }
#operatorView .dialer-input-group .na-input { border-radius: var(--radius-control) 0 0 var(--radius-control); }
#operatorView .dialer-input-group .btn { border-radius: 0 var(--radius-control) var(--radius-control) 0; }

#operatorView .dial-button {
  min-height: 46px;
  border-radius: var(--radius-control);
  box-shadow: none;
}

#operatorView .dial-button:hover { transform: none; box-shadow: none; }
#operatorView .dial-button:active { transform: scale(.98); }
#operatorView .status-timer,
#operatorView .composer-output,
.transcript-log,
#operatorView #txtAssistant .assistant-tool { font-family: var(--font-mono); }

#operatorView .pill { border-radius: 999px; }
#operatorView .tone-dot,
#operatorView .status-dot { width: 9px; height: 9px; }

#operatorView #txtAssistant .assistant-row {
  border-left: 1px solid var(--line);
  border-radius: var(--radius-control);
  background: var(--surface);
}

#operatorView #txtAssistant .assistant-info { border-left-color: var(--accent); }
#operatorView #txtAssistant .assistant-success { border-left-color: var(--success); background: var(--success-dim); }
#operatorView #txtAssistant .assistant-error { border-left-color: var(--danger); background: var(--danger-dim); }
#operatorView #txtAssistant .assistant-tool { border-left-color: var(--muted); background: var(--surface); }

#asrLog .chat-bubble,
#asrLog .chat-bubble--operador,
#asrLog .chat-bubble--interlocutor { border-radius: var(--radius-control); }

.header-row,
.content-wrap { padding-left: 20px; padding-right: 20px; }

.card-ficha-body .input-group-sm > .btn,
.card-ficha-location-actions .btn { border-radius: var(--radius-control); }

.client-map-wrapper { border: 1px solid var(--line); }
.card-ficha-tabs .nav-link { border-radius: 0; }


@media (max-width: 900px) {
  .dashboard-panel,
  #operatorView { padding: 16px 12px 28px; }
  .header-row,
  .content-wrap { padding-left: 12px; padding-right: 12px; }
  #operatorView .card-composer { min-width: 0 !important; }}