/* O Plano : VERSÃO B (paleta oficial Projeto Fiscal).
   Carregar DEPOIS de _plano-mock.css. Só re-skin de cores (estrutura vem do outro). */

:root {
  --brand: #4EAED9;          /* azul "ordinária" */
  --brand-hover: #3D9BC5;
  --coral: #739E8D;          /* cinza verdeado */
  --teal: #739E8D;
  --azul: #4EAED9;
  --azul-escuro: #26344F;    /* azul escuro da faixa */
}
[data-theme="dark"] {
  --brand: #6FC5E0;
  --brand-hover: #8AD3EC;
}

/* botão primário no azul da marca, texto navy (legível nos dois temas).
   .btn.btn-primary (0,2,0) para vencer o .btn-primary do _produto.css */
.btn.btn-primary { background: var(--brand); color: #1E2B38; box-shadow: 0 6px 20px color-mix(in srgb, var(--brand) 35%, transparent); }
.btn.btn-primary:hover { background: var(--brand-hover); color: #1E2B38; }
.btn-ghost { color: #26344F; border-color: #26344F; }
[data-theme="dark"] .btn-ghost { color: #6FC5E0; border-color: #6FC5E0; }

/* header do app */
.dash-bar { background: linear-gradient(135deg, #1E2B38, #4EAED9); }
.dash-logo { background: linear-gradient(135deg, #4EAED9, #739E8D); }

/* estados do card = marca-texto (highlights da marca) */
.meta-card.done { background: #EBF5EF; border-color: #CCE5D6; }
.meta-card.done .meta-chk { background: #739E8D; border-color: #739E8D; }
.meta-card.current { background: #FFF2E7; border-color: #FFE4CC; box-shadow: 0 0 0 2px color-mix(in srgb, #FF9481 35%, transparent); }
.meta-card.extra { background: #EBF5EF; border-color: #CCE5D6; border-style: dashed; }

/* selos: "Hoje" no laranja "Caiu em Prova"; "Revisão" no cinza verdeado */
.meta-tag.now { background: #FF9481; color: #26344F; }
.meta-tag.rev { background: #739E8D; color: #fff; }

/* tags de disciplina recoloridas para a paleta */
.disc-cont  { background: color-mix(in srgb, #4EAED9 18%, transparent); color: #2C7FA0; }
.disc-trib  { background: color-mix(in srgb, #E25E42 16%, transparent); color: #C24A30; }
.disc-adm   { background: color-mix(in srgb, #739E8D 22%, transparent); color: #4F7A69; }
.disc-const { background: color-mix(in srgb, #26344F 16%, transparent); color: #26344F; }
.disc-port  { background: color-mix(in srgb, #FF9481 22%, transparent); color: #C25A45; }
.disc-rlm   { background: color-mix(in srgb, #94B9C9 26%, transparent); color: #4F7E92; }
.disc-estat { background: color-mix(in srgb, #739E8D 20%, transparent); color: #4F7A69; }
.disc-rev   { background: color-mix(in srgb, #4EAED9 18%, transparent); color: #2C7FA0; }
[data-theme="dark"] .disc-const { background: color-mix(in srgb, #94B9C9 24%, transparent); color: #Bcd5df; }

/* link Caderno TEC + abas */
.meta-link.tec { color: #2C7FA0; border-color: color-mix(in srgb, #4EAED9 35%, var(--border-soft)); }
.meta-link.tec:hover { background: #4EAED9; color: #1E2B38; border-color: #4EAED9; }
.dtab.active { color: #2C7FA0; border-bottom-color: #4EAED9; }
.wk-btn.active { background: #4EAED9; color: #1E2B38; border-color: #4EAED9; }

/* selo "Caiu em prova" reaproveitável (se quiser usar em algum card) */
.selo-prova { display:inline-block; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:3px 7px; border-radius:5px; background:#FF9481; color:#26344F; }
.selo-ordinaria { display:inline-block; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:3px 7px; border-radius:5px; background:#4EAED9; color:#1E2B38; }

/* fases + vitrine + carrossel: acento navy/azul */
.fase-box .fn { background: #1E2B38; }
.pcarr-cover { background: linear-gradient(135deg, #1E2B38, #4EAED9); }
.pcarr-cover.pedir-cover { background: linear-gradient(135deg, #26344F, #739E8D); }
.pcarr-badge { background: #739E8D; }
.plano-card.pedir { background: #EBF5EF; border-color: #CCE5D6; }

/* ── Grade de planos (tudo visivel) ────────────────────────────────── */
.plano-card { cursor: default; }
.plano-card .pc-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.plano-card .pc-badge {
  font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; padding: 3px 9px; border-radius: 999px; white-space: nowrap;
}
.plano-card .pc-badge.ativo { background: #4EAED9; color: #1E2B38; }
.plano-card .pc-badge.breve { background: #FEF3C7; color: #B45309; }
[data-theme="dark"] .plano-card .pc-badge.ativo { background: #6FC5E0; color: #0F172A; }
[data-theme="dark"] .plano-card .pc-badge.breve { background: rgba(245,158,11,.18); color: #FBBF24; }

.plano-card .pc-preco { font-family: 'Lora', serif; font-size: 24px; font-weight: 700; color: var(--text); margin: 6px 0; }
.plano-card .pc-preco span { font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 500; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.plano-card .pc-preco.breve { font-family: 'DM Mono', monospace; font-size: 14px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .1em; }

.plano-card .pc-destaques { list-style: none; margin: 12px 0 0; padding: 0; }
.plano-card .pc-destaques li { font-size: 13px; color: var(--text-sec); line-height: 1.5; padding: 4px 0 4px 20px; position: relative; }
.plano-card .pc-destaques li::before { content: '✓'; position: absolute; left: 0; color: var(--brand); font-weight: 700; font-size: 12px; }