/* Páginas de áreas: tabelas de técnicas e exercícios (quiz).
   Antes este estilo ficava copiado dentro de cada página de Técnicas. */

/* ---------- Tabela de técnicas ---------- */
.protocol-table-wrapper{
  width:100%; overflow:auto; max-height:72vh;
  border-radius:8px; border:1px solid var(--border); margin-top:10px;
}
.protocol-table{width:100%; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.4;}
.protocol-table thead th{
  position:sticky; top:0; z-index:2;
  background:#1a201d; color:var(--white); font-weight:600;
  padding:11px 12px; border-bottom:2px solid var(--green); white-space:nowrap;
}
.protocol-table tbody td{padding:8px 12px; border-bottom:1px solid var(--border); color:var(--white); vertical-align:middle;}
.protocol-table tbody tr:hover{background:rgba(47,174,82,.06);}
.protocol-table td.num{white-space:nowrap; font-family:var(--font-mono); font-size:12.5px; color:#d9e3de;}
.protocol-category-row td{
  background:#0f1512 !important; color:var(--green-text) !important; font-weight:700; font-size:12.5px;
  letter-spacing:.5px; text-transform:uppercase; padding:10px 12px !important; border-bottom:1px solid var(--border) !important;
}
.protocol-category-row i{margin-right:6px;}

/* botão "Treinar no RadioSim" na linha da incidência */
.btn-treinar{
  display:inline-flex; align-items:center; gap:4px; margin-top:5px;
  font-size:11.5px; font-weight:500; padding:3px 9px; border-radius:6px;
  color:#5fd4ff; border:1px solid rgba(0,200,255,.3); background:rgba(0,200,255,.06); white-space:nowrap;
}
.btn-treinar:hover{border-color:#5fd4ff; background:rgba(0,200,255,.12);}

/* busca na tabela */
.table-search{
  display:flex; align-items:center; gap:8px; margin:6px 0 4px;
  background:var(--bg); border:1px solid var(--border-strong); border-radius:8px; padding:8px 12px;
}
.table-search:focus-within{border-color:var(--green);}
.table-search i{color:var(--muted); font-size:17px;}
.table-search input{flex:1; background:none; border:0; outline:0; color:var(--white); font:inherit; font-size:14px; min-width:0;}
.table-search span{font-size:12px; color:var(--faint); white-space:nowrap;}
.table-vazia td{text-align:center; color:var(--muted); padding:18px !important;}

/* ---------- Exercícios (quiz) ---------- */
.quiz{display:grid; gap:14px; margin-top:10px;}
.quiz-q{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:18px 20px;}
.quiz-q h3{font-size:15.5px; margin-bottom:12px; line-height:1.45;}
.quiz-q h3 span{color:var(--green-text); margin-right:6px; font-family:var(--font-mono);}
.quiz-opts{display:grid; gap:8px;}
.quiz-opt{
  text-align:left; font-size:14px; padding:10px 14px; border-radius:8px; cursor:pointer;
  background:var(--bg); color:var(--white); border:1px solid var(--border-strong); transition:border-color .15s;
}
.quiz-opt:hover:not([disabled]){border-color:var(--green);}
.quiz-opt[disabled]{cursor:default;}
.quiz-opt.certa{border-color:var(--green); background:rgba(47,174,82,.14);}
.quiz-opt.errada{border-color:#e5484d; background:rgba(229,72,77,.12);}
.quiz-exp{margin-top:12px; font-size:13.5px; padding:10px 14px; border-radius:8px; background:var(--bg-alt); border-left:3px solid var(--green);}
.quiz-exp.errou{border-left-color:#e5484d;}
.quiz-exp b{color:var(--white);}
.quiz-placar{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:16px 20px;
}
.quiz-placar strong{font-family:var(--font-head); font-size:20px;}
.quiz-placar p{margin:0;}

@media (max-width:640px){
  .protocol-table{font-size:12.5px;}
  .quiz-q{padding:16px;}
}