/* Aula 15 · Determinantes II: a lista de termos com minitabuleiros, o tabuleiro de sinais,
   os cofatores e as matrizes com entradas clicáveis. */

/* Os n! termos, agrupados pela linha (ou coluna) da expansão */
.a15-termos{display:grid;gap:10px;max-height:min(72vh,660px);overflow:auto;padding:2px}
.a15-grupo{display:grid;gap:6px;padding:8px;border-radius:10px;background:var(--gray-soft)}
.a15-grupo.is-sel{background:var(--red-soft)}
.a15-grupo-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.a15-grupo-cab .m{font-size:1.12em;color:var(--ink)}
.a15-grupo-cab .fr{font-size:.82em}
.a15-grupo-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}
.a15-termo{position:relative;display:flex;align-items:center;gap:8px;font:inherit;text-align:left;padding:6px 8px;border-radius:9px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;min-width:0}
.a15-termo:hover{border-color:var(--ink-2)}
.a15-termo[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.a15-termo.is-grupo{border-color:#f0a1a9}
.a15-termo.is-zero{opacity:.5}
.a15-termo.is-zero strong{text-decoration:line-through}
.a15-termo.is-visto::after{content:'✓';position:absolute;top:2px;right:5px;font-size:11px;font-weight:800;color:var(--true)}
.a15-mini{display:inline-grid;gap:1px;width:34px;flex:none;padding:2px;border-radius:4px;background:var(--line)}
.a15-mini span{aspect-ratio:1;background:#fff;border-radius:1px}
.a15-mini span.is-torre{background:var(--cor,#231f20)}
.a15-termo-txt{display:grid;line-height:1.2;min-width:0}
.a15-termo-txt strong{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.a15-termo-txt small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a15-termo.is-pos strong{color:var(--red-dark)}
.a15-termo.is-neg strong{color:#1f5f9e}

/* Expansão em cofatores e tabuleiro de sinais */
.a15-cof-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.a15-sinais{display:inline-grid;gap:2px;font-family:var(--sans);font-size:13px;font-weight:800}
.a15-sinais span{display:grid;place-items:center;aspect-ratio:1;border-radius:4px;background:var(--gray-soft)}
.a15-sinais .is-pos{color:var(--red-dark)}
.a15-sinais .is-neg{color:#1f5f9e}
.a15-sinais .is-linha{background:#fde5e8}
.a15-sinais .is-sel{box-shadow:0 0 0 2px var(--ink)}
.a15-cof{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px}
.a15-cof-termo{display:grid;gap:6px;justify-items:start;align-content:start;font:inherit;text-align:left;padding:9px 11px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;min-width:0}
.a15-cof-termo:hover{border-color:var(--ink-2)}
.a15-cof-termo[aria-pressed=true]{border-color:var(--red);background:var(--red-soft)}
.a15-cof-termo.is-zero{opacity:.6}
.a15-cof-linha{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:14px;line-height:1.4;min-width:0}
.a15-cof-linha .m{font-size:1.08em}
.a15-cof-sinal{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:14px;font-weight:800;color:#fff;flex:none}
.a15-cof-sinal.is-pos{background:var(--red)}
.a15-cof-sinal.is-neg{background:#1f5f9e}
.a15-cof-termo .dm-mx{font-size:14px}

/* Matrizes com entradas clicáveis (cofatores e inversa) */
.a15-bloco{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.a15-bloco small{font-family:var(--sans);font-size:12.5px;line-height:1.4;color:var(--muted);white-space:nowrap}
.a15-bloco small .m{font-size:1.1em;color:var(--ink)}
.a15-mxb .a15-mxb-c{font:inherit;color:inherit;background:none;border:0;margin:0;padding:.08em .28em;cursor:pointer;line-height:1.25}
.a15-mxb .a15-mxb-c:hover{background:var(--gray-soft)}
.a15-mxb .a15-mxb-c[aria-pressed=true]{background:#fde5e8;box-shadow:0 0 0 2px var(--red)}
/* As contas de Cramer: matriz e conta lado a lado, quebrando como blocos. */
.a15-cramer-linha{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px}
.a15-conta{white-space:nowrap}
.a15-texto .a15-conta .m{white-space:nowrap}
/* Leituras com fórmulas longas: quebram a linha em vez de criar barra de rolagem. */
.a15-texto{overflow:visible}
.a15-texto .m{white-space:normal}
@media(max-width:420px){.a15-grupo-lista{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}