/* ============================================================
   Surf Theme Override — sobrepõe paleta pink/magenta → azul Surf
   ============================================================ */

:root {
  --pink-50:  #e8eeff;
  --pink-100: #b8c3ff;
  --pink-200: #8895ff;
  --pink-500: #0003F9;
  --pink-600: #0002d0;
  --pink-700: #0001a8;
  --rose-50:  #e8eeff;
  --rose-700: #0001a8;
  --warn-50:  #e8eeff;
  --warn-700: #0001a8;
}

/* Rail */
.rail {
  background: #070c1a !important;
}
.rail .logo {
  background: linear-gradient(135deg, #0003F9, #3a55ff) !important;
  box-shadow: 0 8px 18px -8px rgba(0,3,249,.5) !important;
}
.rail .item.active {
  background: rgba(0,3,249,.18) !important;
  color: #c5caff !important;
}

/* Botão primário */
.btn-primary, .btn.btn-primary, .cta {
  background: #0003F9 !important;
  border-color: #0003F9 !important;
  color: #fff !important;
}
.btn-primary:hover, .cta:hover {
  background: #0002d0 !important;
  border-color: #0002d0 !important;
}

/* Links e destaques */
a { color: #0003F9 !important; }
.crumbs a { color: #0003F9 !important; }

/* Sparkline / gráficos azul primário já é --blue: mantém */

/* Pill warn → azul surf */
.pill-warn {
  background: #e8eeff !important;
  color: #0001a8 !important;
  border-color: #b8c3ff !important;
}
.pill-rose {
  background: #e8eeff !important;
  color: #0001a8 !important;
}
.alert-bullet {
  background: #e8eeff !important;
  color: #0001a8 !important;
}

/* Alert warn block */
.alert {
  border-color: #b8c3ff !important;
  background: linear-gradient(180deg, #f0f2ff 0%, #f8f9ff 100%) !important;
}
.alert .ico-warn {
  background: #e8eeff !important;
  color: #0001a8 !important;
}

/* Op pills active */
.op-pill.active {
  background: #0003F9 !important;
  color: #fff !important;
  border-color: #0003F9 !important;
}

/* Segmented control ativo */
.s.on { color: #0003F9 !important; background: #e8eeff !important; }

/* Stab ativo */
.stab.on { color: #0003F9 !important; border-bottom-color: #0003F9 !important; }

/* Tab ativo */
.tab.active { color: #0003F9 !important; border-bottom-color: #0003F9 !important; }

/* Client banner accent */
.client-avatar { color: #0002d0 !important; border-color: #b8c3ff !important; background: linear-gradient(135deg,#ffffff,#f0f2ff) !important; }

/* Toggle ativo */
.toggle.on { background: #0003F9 !important; }

/* Dot live */
.dt { background: #0003F9 !important; }
.env .dot { background: #0003F9 !important; }

/* Badge notificação */
.badge { background: #0003F9 !important; }

/* Tpill brand */
.tpill.brand { background: #e8eeff !important; color: #0001a8 !important; }

/* KPI k-act sparkline */
.kpi.k-act .spark polyline { stroke: #1aa35a !important; }
.kpi.k-dat .spark polyline { stroke: #0003F9 !important; }
.kpi.k-dat .spark path { fill: url(#g1) !important; }

/* Toast info color */
.toast.info { border-left-color: #0003F9 !important; }