/* =========================================================
   Eu Quero Entrar — "Dossiê over Bootstrap" SKIN
   Recolora páginas Bootstrap pesadas (quiz, batalha, dashboard,
   fórum, admin, física) para a paleta Dossiê (claro/paper),
   preservando a estrutura + JS (modais, tabs, charts).
   Incluído SÓ nessas páginas (depois do bootstrap.css).
   ========================================================= */

/* ---- Fundo geral da página ---- */
body.app-dossie { background:var(--paper); color:var(--ink); }

/* ---- Remapeia as VARS do tema antigo (main.css) → tokens Dossiê ----
   Recolora automaticamente tudo o que usa var(--bg-card)/--primary/--accent… */
body.app-dossie {
  --bg-card: var(--card);
  --bg-dark: var(--paper-2);
  --bg-body: var(--paper);
  --bg-darker: var(--paper-2);
  --primary: var(--c);
  --primary-dark: var(--c-deep);
  --primary-light: var(--c-soft);
  --accent: var(--gold);
  --secondary: var(--gnr);
  --text-light: var(--ink);
  --text-muted: var(--ink-3);
  --text-secondary: var(--ink-3);
  --border-color: var(--line-2);
  --navbar-h: 0px;
  --bottom-nav-h: 0px;
}

/* ---- Overrides comuns de classes do tema antigo ---- */
.app-dossie .fisica-hero, .app-dossie .nut-hero, .app-dossie .page-hero,
.app-dossie .sobre-hero, .app-dossie .links-hero, .app-dossie .dal-hero { color:var(--paper); }
.app-dossie .fisica-hero { background:var(--ink) !important; }
.app-dossie .fisica-hero h1 { color:var(--paper); }
.app-dossie .fisica-hero p { color:#C7C0AE; }
.app-dossie .historico-filters select, .app-dossie .historico-filters input,
.app-dossie .historico-pagination button, .app-dossie .stat-card,
.app-dossie .card-header-ex { background:var(--paper) !important; color:var(--ink) !important; border-color:var(--line-2) !important; }
.app-dossie .card-header-ex { background:var(--paper-2) !important; }
.app-dossie .exercise-card, .app-dossie .historico-section { background:var(--card) !important; border-color:var(--line-2) !important; }
.app-dossie .historico-table th { background:var(--c-soft) !important; color:var(--c-deep) !important; border-color:var(--line-2) !important; }
.app-dossie .historico-table td { border-color:var(--line) !important; color:var(--ink-2) !important; }
.app-dossie .historico-table tr:hover { background:var(--paper-2) !important; }
.app-dossie .auth-notice { background:rgba(201,150,47,.1) !important; border-color:rgba(201,150,47,.3) !important; color:var(--ink-2); }
.app-dossie .quick-links a { background:var(--card) !important; border-color:var(--line-2) !important; color:var(--c-deep) !important; }

/* ---- Tipografia base ---- */
.app-dossie h1, .app-dossie h2, .app-dossie h3, .app-dossie h4, .app-dossie h5, .app-dossie h6 { color:var(--ink); }
.app-dossie .text-white, .app-dossie .text-light { color:var(--ink) !important; }
.app-dossie .text-muted, .app-dossie .text-secondary { color:var(--ink-3) !important; }

/* ---- Cartões ---- */
.app-dossie .card { background:var(--card); color:var(--ink); border:1px solid var(--line-2); }
.app-dossie .card-body { color:var(--ink); }

/* ---- Botões Bootstrap → Dossiê ---- */
.app-dossie .btn-primary { background:var(--c); border-color:var(--ink); color:var(--c-on); }
.app-dossie .btn-outline-light, .app-dossie .btn-outline-secondary { background:var(--card); border:1.5px solid var(--line-2); color:var(--ink); }
.app-dossie .btn-outline-light:hover, .app-dossie .btn-outline-secondary:hover { background:var(--paper-2); color:var(--ink); }
.app-dossie .btn-check:checked + .btn-outline-light { background:var(--c); border-color:var(--ink); color:var(--c-on); }
.app-dossie .btn-light { background:var(--card); color:var(--ink); border-color:var(--line-2); }
.app-dossie .btn-link { color:var(--c-deep); }
.app-dossie .btn-link.text-secondary { color:var(--ink-3) !important; }
.app-dossie .btn-close { filter:none; }
.app-dossie .btn-close-white { filter:invert(1) grayscale(1) brightness(.4); }

/* ---- Formulários ---- */
.app-dossie .form-control, .app-dossie .form-select, .app-dossie textarea.form-control {
  background:var(--paper); border:1.5px solid var(--line-2); color:var(--ink);
}
.app-dossie .form-control:focus, .app-dossie .form-select:focus {
  background:var(--paper); border-color:var(--c); color:var(--ink); box-shadow:0 0 0 2px var(--c-soft);
}
.app-dossie .form-control::placeholder { color:var(--ink-3); }
.app-dossie .form-select option { background:var(--card); color:var(--ink); }
.app-dossie .form-label { color:var(--ink-3); }
.app-dossie .form-check-input { background-color:var(--paper); border-color:var(--line-2); }
.app-dossie .form-check-input:checked { background-color:var(--c); border-color:var(--c); }
.app-dossie .form-range::-webkit-slider-thumb { background:var(--c); }
.app-dossie .form-range::-moz-range-thumb { background:var(--c); }
.app-dossie .form-range::-webkit-slider-runnable-track { background:var(--paper-2); }

/* ---- Progress ---- */
.app-dossie .progress { background:var(--paper-2); border:1px solid var(--line-2); }
.app-dossie .progress-bar { background:var(--c); }

/* ---- Badges / chips ---- */
.app-dossie .badge { color:var(--c-on); }
.app-dossie .badge.bg-light { background:var(--paper-2) !important; color:var(--ink) !important; }

/* ---- Alerts ---- */
.app-dossie .alert-warning { background:rgba(201,150,47,.1); border:1px solid rgba(201,150,47,.3); color:var(--ink-2); }
.app-dossie .alert-danger { background:#F7EAEA; border:1px solid #E2B6B6; color:var(--wine); }
.app-dossie .alert-info, .app-dossie .alert-primary { background:var(--c-soft); border:1px solid var(--c-line); color:var(--c-deep); }
.app-dossie .alert-link { color:var(--c-deep); font-weight:600; }

/* ---- Modais ---- */
.app-dossie .modal-content { background:var(--card); color:var(--ink); border:1px solid var(--line-2); border-radius:18px; }
.app-dossie .modal-header { border-bottom-color:var(--line); }
.app-dossie .modal-footer { border-top-color:var(--line); }
.app-dossie .modal-title { color:var(--ink); }

/* ---- Tabelas ---- */
.app-dossie .table { color:var(--ink-2); }
.app-dossie .table th { color:var(--ink-3); }
.app-dossie .table td, .app-dossie .table th { border-color:var(--line); }

/* ---- Breadcrumb / nav ---- */
.app-dossie .breadcrumb { background:transparent; }
.app-dossie .breadcrumb-item, .app-dossie .breadcrumb-item a { color:var(--ink-3); }
.app-dossie .breadcrumb-item.active { color:var(--ink-2); }
.app-dossie .breadcrumb-item + .breadcrumb-item::before { color:var(--ink-3); }
.app-dossie .nav-tabs { border-bottom-color:var(--line-2); }
.app-dossie .nav-tabs .nav-link { color:var(--ink-3); border:none; }
.app-dossie .nav-tabs .nav-link.active { color:var(--c-deep); background:transparent; border-bottom:2px solid var(--c); }
.app-dossie .list-group-item { background:var(--card); color:var(--ink); border-color:var(--line-2); }
.app-dossie hr { border-color:var(--line-2); opacity:1; }

/* ---- Texto a azul-claro do tema antigo → acento ---- */
.app-dossie .text-primary { color:var(--c-deep) !important; }

/* =========================================================
   Override de cores INLINE do tema escuro antigo
   (atributo [style*=...] vence o inline graças ao !important)
   ========================================================= */

/* Fundos escuros (cartões/painéis/barras) → claro */
.app-dossie [style*="#0d1f38"], .app-dossie [style*="#0D1F38"],
.app-dossie [style*="#0a1828"], .app-dossie [style*="#091526"],
.app-dossie [style*="#091629"], .app-dossie [style*="#0e2218"],
.app-dossie [style*="#0f2a1a"], .app-dossie [style*="#0d2440"],
.app-dossie [style*="#0a3060"] { background-color:var(--card) !important; background-image:none !important; }

.app-dossie [style*="#000c24"], .app-dossie [style*="rgba(0,12,36"],
.app-dossie [style*="rgba(13,31,56"] { background-color:var(--paper) !important; background-image:none !important; }

/* Texto claro → tinta escura */
.app-dossie [style*="color:#fff"], .app-dossie [style*="color:#FFF"],
.app-dossie [style*="color:#f1f5ff"], .app-dossie [style*="color:#e2eaf4"],
.app-dossie [style*="color:#e8eeff"], .app-dossie [style*="color:#e6edf3"],
.app-dossie [style*="color:#e2e8f0"], .app-dossie [style*="color: #fff"],
.app-dossie [style*="color:#f5f"], .app-dossie [style*="color:white"] { color:var(--ink) !important; }

/* Texto cinza-muted antigo → ink-3 */
.app-dossie [style*="color:#94a3b8"], .app-dossie [style*="color:#64748b"],
.app-dossie [style*="color:#8fa8c8"], .app-dossie [style*="color:#8b949e"],
.app-dossie [style*="color:#6e7681"], .app-dossie [style*="color:#aaa"],
.app-dossie [style*="color:#ccc"], .app-dossie [style*="color:#bbb"],
.app-dossie [style*="color:#c8deff"], .app-dossie [style*="color:#c0cfe8"],
.app-dossie [style*="color:#c9d1d9"], .app-dossie [style*="color:#cbd5e1"] { color:var(--ink-2) !important; }

/* Bordas claras (white-alpha) → linha Dossiê */
.app-dossie [style*="rgba(255,255,255,.1)"], .app-dossie [style*="rgba(255,255,255,.08)"],
.app-dossie [style*="rgba(255,255,255,0.1)"], .app-dossie [style*="rgba(255,255,255,0.08)"],
.app-dossie [style*="rgba(255,255,255,.12)"], .app-dossie [style*="rgba(255,255,255,.06)"],
.app-dossie [style*="rgba(255,255,255,.07)"] { border-color:var(--line-2) !important; }