/* ================= THEME =================
   Cliente theme — celeste marca scoped a #screen-cliente.
   Debe cargarse despues de components.css para sobrescribir los acentos.
*/

/* Cliente theme — celeste scoped */
#screen-cliente {
  --accent: #0EA5E9;
  --accent-2: #38BDF8;
}
#screen-cliente .nav-btn.active { color: var(--accent); }
#screen-cliente .nav-btn.active .nav-icon { background: rgba(14, 165, 233, 0.15); }
#screen-cliente .btn-primary { background: var(--accent); }
#screen-cliente .btn-primary:hover { box-shadow: 0 6px 20px rgba(14, 165, 233, 0.35); }
#screen-cliente .tab-btn.active { background: var(--accent); }
#screen-cliente .bar { background: linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%); }
#screen-cliente .donut .fill { stroke: var(--accent); }
#screen-cliente .map-pin { background: var(--accent); box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.3), 0 4px 12px rgba(0,0,0,0.4); }
#screen-cliente .role-icon,
#screen-cliente .quick-action-icon { background: rgba(14, 165, 233, 0.12); color: var(--accent); }