/* Tema dark para os componentes RECS */
.recs-theme-dark {
  --recs-bg: #0b1020;
  --recs-card: #0f172a;
  --recs-text: #e5e7eb;
  --recs-muted: #94a3b8;
  --recs-border: #1f2937;
  --recs-accent: #22d3ee;
  --recs-accent-2: #a78bfa;
  color: var(--recs-text);
}
.recs-card {
  background: linear-gradient(180deg, rgba(15,23,42,0.96) 0%, rgba(11,16,32,0.96) 100%);
  border: 1px solid var(--recs-border);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* Simulador */
.recs-simulador__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.recs-price > span { display:block; font-size:12px; color:var(--recs-muted); }
.recs-price > strong { font-size:20px; letter-spacing:0.2px; }
.recs-simulador__form label { font-size:13px; color:var(--recs-muted); display:block; margin-bottom:6px; }
.recs-input-row { display:flex; gap:8px; }
.recs-input-row input {
  width:100%; background:#0b1224; color:var(--recs-text);
  border:1px solid var(--recs-border); border-radius:12px; padding:12px 14px; outline:none;
}
.recs-input-row input:focus { border-color: var(--recs-accent); box-shadow: 0 0 0 3px rgba(34,211,238,0.12); }
.recs-btn {
  background: var(--recs-accent); color:#06121a; font-weight:700; border:0; border-radius:12px;
  padding: 0 16px; cursor:pointer; transition: transform .08s ease;
}
.recs-btn:hover { transform: translateY(-1px); }
.recs-btn:active { transform: translateY(0); }
.recs-simulador__out { margin-top:14px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.recs-muted { color: var(--recs-muted); }

/* Contador */
.recs-contador__title { font-size:14px; color:var(--recs-muted); margin-bottom:8px; }
.recs-contador__grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; margin-bottom:10px; }
.recs-contador__grid div {
  background:#0b1224; border:1px solid var(--recs-border); border-radius:12px; text-align:center; padding:10px 6px;
}
.recs-contador__grid strong { font-size:24px; display:block; }
.recs-contador__grid span { font-size:11px; color:var(--recs-muted); }
.recs-contador__bar { width:100%; height:8px; border-radius:999px; background:#0b1224; border:1px solid var(--recs-border); overflow:hidden; margin-bottom:6px; }
.recs-contador__barfill { height:100%; width:0%; background: linear-gradient(90deg, var(--recs-accent), var(--recs-accent-2)); transition: width .25s linear; }

/* Gráfico */
.recs-grafico__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.recs-grafico__head span { font-size:13px; color:var(--recs-muted); }
.recs-grafico__head strong { font-size:16px; }
.recs-grafico__wrap { width:100%; }

/* Tabs de período */
.recs-tabs { display:flex; gap:6px; }
.recs-tab {
  background:#0b1224; color:#cbd5e1; border:1px solid var(--recs-border);
  padding:6px 10px; border-radius:999px; cursor:pointer; font-size:12px;
}
.recs-tab.is-active { background: var(--recs-accent); color:#06121a; border-color: transparent; }

/* Acessibilidade/Movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .recs-contador__barfill { transition: none !important; }
}