/* Sentiblu B2B (Plano Empresa) — CSS overrides
   Load this AFTER your existing bundled CSS (e.g., as the last <link rel="stylesheet">)
   so it can override variables and small UI details without changing layout. */

/* Brand colors: #3c7cfa (primary) and #fbdc66 (accent) */
:root{
  --primary: 220 95% 60.8%;
  --primary-foreground: 0 0% 100%;
  --ring: 220 95% 60.8%;

  --accent: 47.5 94.9% 69.2%;
  --accent-foreground: 215 25% 15%;

  /* Keep your named tokens aligned */
  --sentinel-blue: 220 95% 60.8%;
  --sentinel-blue-dark: 220 95% 52%;
  --sentinel-blue-light: 220 95% 96%;
  --sentinel-yellow: 47.5 94.9% 69.2%;
  --sentinel-yellow-light: 47.5 94.9% 90%;
}

/* Dark mode tuned to the same brand hues */
.dark{
  --primary: 220 95% 65%;
  --ring: 220 95% 65%;
  --accent: 47.5 94.9% 69.2%;
}

/* Better keyboard focus on interactive elements */
:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px hsl(var(--ring) / .35);
}

/* Subtle “B2B plan” emphasis (used by the JS update if it adds these classes) */
.plan-card{
  border:1px solid hsl(var(--border));
  border-radius: calc(var(--radius) + 8px);
  background: hsl(var(--card));
  box-shadow: var(--shadow-card);
}
.plan-card:hover{
  border-color: hsl(var(--primary) / .35);
  box-shadow: var(--shadow-glow);
}
.plan-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .65rem;
  border-radius:9999px;
  background: hsl(var(--primary) / .10);
  color: hsl(var(--primary));
  font-weight:600;
  font-size:.85rem;
}

/* Make the “Para mais boletos” link feel like a CTA but still link-like */
.more-volume-link{
  text-decoration: underline;
  text-underline-offset: 4px;
}
.more-volume-link:hover{
  color: hsl(var(--primary));
}

/* Fix for a common minified typo seen in some builds:
   if your bundled CSS has `--sidebar-ring: ...59.8%--radius:` (missing semicolon),
   this override ensures radius is still defined. */
:root{ --radius: .75rem; }
.dark{ --radius: .75rem; }