/* ============================================================
   TEMA: Academia / studio de treino (Pulse) — ESTILO 2 "Energia"
   Grafite quente + laranja vivo (fogo). O rail vira uma faixa
   escura de studio; o conteúdo continua claro, leve e arejado.
   Ativar/desativar em config/app.php: define('ESTILO','estilo2').
   ============================================================ */
:root{
  --paper:#FAF8F5;
  --surface:#FFFFFF;
  --surface-2:#F1EDE5;
  --ink:#181510;
  --ink-2:#6E675C;
  --line:#EBE6DC;
  --line-2:#DCD5C7;
  --accent:#E64A0E;          /* laranja energia (única cor de ação) */
  --accent-ink:#B93B05;
  --accent-bg:#FDEBE0;
  --teal:#0E8C6D;            /* verde esportivo (secundário) */
  --plum:#181510;            /* marca: grafite quente */
  --plum-deep:#0C0A07;
  --ok:#1B9E63; --ok-bg:#E6F5EC;
  --warn:#B7791F; --warn-bg:#FAF1DC;
  --risk:#D93025; --risk-bg:#FBE9E7;
  --grad:linear-gradient(135deg,#F97316,#E11D48);   /* fogo */
  --r:16px; --r-sm:11px; --r-lg:22px;               /* cantos 1 ponto mais firmes */
}

/* ---- Assinatura do estilo 2: rail escuro de studio ---- */
.rail{background:#14110C;border-right-color:#14110C}
.rail .logo{box-shadow:0 0 0 4px rgba(255,255,255,.07)}
.tab{color:#9B948A}
.tab:hover{background:#221E17;color:#F5F1EA}
.tab.on{background:#301A0B;color:#FF9256}
@media (max-width:860px){
  .rail{background:rgba(18,15,11,.96);border-top-color:#2A251D}
  .tab{color:#8F887D}
}

/* Sombras dos elementos de ação acompanham o laranja */
.btn-primary{box-shadow:0 6px 16px rgba(230,74,14,.26)}
.btn-soft:hover{background:#FBDFCB}
.sara-fab{box-shadow:0 10px 26px rgba(230,74,14,.38)}
.sugestao:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(230,74,14,.14)}

/* ---- Feedback pós-treino ---- */
.fb-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.9rem;margin-bottom:1.2rem}
.fb-stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.2rem;box-shadow:var(--sh-sm)}
.fb-stat .rot{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.fb-stat .v{font-family:'Fraunces',serif;font-weight:600;font-size:1.9rem;margin-top:.2rem;font-variant-numeric:tabular-nums}
.fb-stat.nota .v{color:var(--accent-ink)}
.fb-stat .barrinha{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:.5rem}
.fb-stat .barrinha i{display:block;height:100%;background:var(--grad)}
.fb-card{display:flex;align-items:center;gap:.9rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem .95rem;margin-bottom:.5rem}
.fb-card .av-cli{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:600;flex:0 0 auto}
.fb-card .fbinfo{flex:1;min-width:0}
.fb-card .fbnome{font-weight:600;font-size:.95rem}
.fb-card .fbdet{font-size:.78rem;color:var(--ink-2)}
.fb-card .fbcoment{font-size:.82rem;color:var(--ink);margin-top:.2rem;font-style:italic}
.nota-emoji{font-size:1.5rem;flex:0 0 auto}
.estrelas{color:var(--accent);font-size:.95rem;letter-spacing:1px}
.estrelas .off{color:var(--line-2)}
.fb-status{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.22rem .55rem;border-radius:999px;flex:0 0 auto}
.fbs-fila{background:var(--warn-bg);color:var(--warn)}
.fbs-enviado{background:var(--accent-bg);color:var(--accent-ink)}
.fbs-respondido{background:var(--ok-bg);color:var(--ok)}

/* ---- Aluno (lista) ---- */
.aluno-row{display:flex;align-items:center;gap:.9rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem .95rem;margin-bottom:.5rem}
.aluno-row .av-cli{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:600;flex:0 0 auto}
.aluno-row .ainfo{flex:1}
.aluno-row .anome{font-weight:600}
.aluno-row .adet{font-size:.78rem;color:var(--ink-2)}
.aluno-row .plano{font-size:.66rem;font-weight:700;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-bg);padding:.2rem .5rem;border-radius:6px}
.aluno-row.risco{border-color:#F0CBB8}
.freq-dots{display:flex;gap:3px}
.freq-dots i{width:7px;height:7px;border-radius:50%;background:var(--line-2)}
.freq-dots i.on{background:var(--teal)}