/* ════════════════════════════════════════════════════════
   VYRON FIT — FORCE DARK + UI POLISH v2
   ════════════════════════════════════════════════════════ */
html, html[data-theme], html.theme-light, html.theme-dark {
  color-scheme: dark !important;
}
html[data-theme="light"] { color-scheme: dark !important; }
body { background:#0a0e14 !important; }

/* ─── Esconde QUALQUER botão de tema legado ─── */
.theme-toggle, .theme-fab, #themeToggle, #themeFab,
[data-theme-toggle], .btn-theme, .floating-theme,
button[aria-label*="tema" i], button[title*="tema" i],
button[title*="theme" i], .theme-switcher {
  display: none !important;
}

/* ─── FAB defaults: sem sobreposição ─── */
.fab, .fab-primary, .fab-action,
.timer-widget-fab, [class*="fab-floating"] {
  bottom: 92px !important;  /* acima da bottom-nav 70px */
  right: 16px !important;
  z-index: 200 !important;
}
/* segundo FAB (timer) sobe */
.timer-widget-fab { bottom: 162px !important; }
/* terceiro FAB (tutorial-reopen) sobe mais */
#vy-tutorial-reopen-btn { bottom: 232px !important; right: 16px !important; }

/* ─── TABS / DAY STRIPS — mais sólidos e visíveis ─── */
.day-strip, .ficha-strip, .tabs-strip, .tab-strip,
[class*="tabs-container"], [class*="pill-strip"] {
  background:#151a23 !important;
  padding:12px 14px !important;
  border-bottom:1px solid rgba(34,197,94,.15) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.4);
}
.day-btn, .ficha-btn, .tab-btn, .pill-btn {
  background:#1f2531 !important;
  color:#cbd5e1 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-weight:700 !important;
}
.day-btn.active, .ficha-btn.active, .tab-btn.active, .pill-btn.active {
  background: linear-gradient(135deg, rgba(34,197,94,.18), rgba(22,163,74,.12)) !important;
  color:#22c55e !important;
  border-color:#16a34a !important;
  box-shadow: 0 0 0 1px rgba(34,197,94,.4), 0 4px 12px rgba(34,197,94,.15);
}

/* ─── CARDS de configuração / sessões ─── */
.card, .ex-card, [class*="config-card"], [class*="section-card"] {
  background:#1a212d !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:14px !important;
}

/* ─── Texto sobre verde escuro força contraste ─── */
[style*="background:#16a34a"], [style*="background:#15803d"],
[style*="background-color:#16a34a"], [style*="background-color:#15803d"],
.bg-success, .bg-green-dark, .btn-success, .btn-primary-green,
button[style*="#16a34a"], button[style*="#15803d"] {
  color:#ffffff !important;
}

/* ─── Headings verdes — visibilidade ─── */
h1, h2, h3, h4 {
  color:#e8eaed !important;
}
h1[style*="color:#16a34a"], h2[style*="color:#16a34a"], h3[style*="color:#16a34a"],
.green-text, .text-green, .text-success {
  color:#22c55e !important;
}

/* ─── BOTTOM NAV — fundo sólido ─── */
.bottom-nav, #bottomNav, [class*="bottom-nav"] {
  background:#0c1219 !important;
  border-top:1px solid rgba(34,197,94,.15) !important;
}

/* ─── Header sticky — não cobre conteúdo ─── */
.t-header, .topbar, [class*="topbar"] {
  background:#1a212d !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

/* ─── Inputs/Selects no dark ─── */
input, textarea, select {
  background:#0f1520 !important;
  color:#e8eaed !important;
  border-color:rgba(255,255,255,.1) !important;
}
input:focus, textarea:focus, select:focus {
  border-color:#16a34a !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.15) !important;
  outline:none !important;
}

/* ─── Acessibilidade do tutorial (header verde com texto branco) ─── */
#vy-tutorial-header, .tutorial-header {
  color:#fff !important;
}
#vy-tutorial-header h2, #vy-tutorial-header .sub {
  color:#fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}