/* EC, Super I/O e equivalências (17/10/2026) — carrega só em /area-do-membro/notebook/ec-super-io/ (inc/equivalentes.php).
   Fundo escuro da Área do Membro (body.sb-membro). Tabela larga no desktop; abaixo de 960 px cada linha vira um cartão. */

body.sb-membro .sb-eq-pag { color: #e6ebf1; }
.sb-eq-aviso { border: 1px solid rgba(255,214,10,.55); background: rgba(255,214,10,.08); border-radius: 12px; padding: 14px 18px; margin: 0 0 20px; }
.sb-eq-aviso p { margin: 0; font-size: 15.5px; line-height: 1.55; color: #f2efe4; }
body.sb-membro .sb-eq-aviso b { color: #ffe680; }
.sb-eq-aviso__meta { margin-top: 6px !important; font-size: 14px !important; color: #c9c2ad !important; }
body.sb-membro .sb-eq-aviso a { color: var(--accent); font-weight: 700; }

/* Busca */
.sb-eq-busca { position: sticky; top: 64px; z-index: 5; background: #121109; border: 1px solid #2b2716; border-radius: 12px; padding: 12px 14px; margin: 0 0 22px; }
.sb-eq-busca label { display: block; font-size: 12.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); margin-bottom: 6px; }
.sb-eq-busca input[type=search] { width: 100%; padding: 11px 14px; font-size: 16px; color: #f2efe4; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.18); border-radius: 10px; outline: none; }
.sb-eq-busca input[type=search]:focus { border-color: var(--accent); }
.sb-eq-busca__n { margin: 6px 0 0; font-size: 13.5px; color: #b9b2a0; min-height: 1em; }
.sb-eq-busca__n:empty { display: none; }

/* Seções */
.sb-eq-sec { margin-bottom: 34px; }
.sb-eq-sec h2 { color: #fff; margin: 6px 0 10px; font-size: 1.4rem; }
.sb-eq-sec .sec-kicker { color: var(--accent); }
.sb-eq-intro { color: #c9c2ad; font-size: 15px; line-height: 1.6; max-width: 900px; margin: 0 0 14px; }
body.sb-membro .sb-eq-intro b { color: #fff; }
.sb-eq-grupo h3 { color: #ffe680; font-size: 1.08rem; margin: 22px 0 8px; scroll-margin-top: 150px; }
.sb-eq-fabs { margin-bottom: 12px; }

/* Tabela */
.sb-eq-tab-wrap { overflow-x: auto; border: 1px solid #2b2716; border-radius: 14px; }
.sb-eq-tab { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; color: #e6ebf1; min-width: 960px; }
.sb-eq-tab thead th { position: sticky; top: 0; background: #1c1a10; color: #ffe680; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; text-align: left; padding: 10px 12px; border-bottom: 1px solid #2b2716; }
.sb-eq-tab tbody tr { border-top: 1px solid rgba(255,255,255,.08); scroll-margin-top: 150px; }
.sb-eq-tab tbody tr:nth-child(even) { background: rgba(255,255,255,.025); }
.sb-eq-tab th[scope=row], .sb-eq-tab td { padding: 12px; vertical-align: top; text-align: left; }
.sb-eq-tab th[scope=row] { width: 190px; font-weight: 400; }
.sb-eq-tab--ec td:nth-child(2) { width: 230px; }
.sb-eq-fab { display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: #9fb0c0; }
.sb-eq-cod { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 15.5px; color: #fff; letter-spacing: .01em; }
.sb-eq-var, .sb-eq-enc { display: block; font-size: 12.5px; color: #b9c6d4; margin-top: 3px; }
.sb-eq-enc { color: #9fb0c0; }
.sb-eq-txt { display: block; margin-top: 6px; color: #c9d1da; font-size: 13.5px; }
.sb-eq-fw { display: inline-block; font-size: 12.5px; font-weight: 800; padding: 3px 9px; border-radius: 99px; white-space: nowrap; }
.sb-eq-fw--sim { background: #ffcf66; color: #2a1c00; }
.sb-eq-fw--nao { background: #7ddc9a; color: #0d2a15; }
.sb-eq-fw--depende { background: #b9c6d4; color: #14202c; }
.sb-eq-lista { list-style: none; margin: 0; padding: 0; }
.sb-eq-lista li { margin: 0 0 8px; }
.sb-eq-lista li:last-child { margin-bottom: 0; }
.sb-eq-lista b { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #fff; }
.sb-eq-lista span { display: block; color: #c9d1da; font-size: 13.5px; }
.sb-eq-lista--diretos b { color: #7ddc9a; }
.sb-eq-lista--quase b { color: #ffcf66; }
.sb-eq-lista--nao_confundir b { color: #ff9b8a; }
.sb-eq-vazio { color: #6f7a86; }

/* Fonte e confiança */
.sb-eq-conf { display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; margin-bottom: 6px; }
.sb-eq-conf--alta { background: #1f5d36; color: #c9f5d6; }
.sb-eq-conf--media { background: #5c4a12; color: #ffe9a8; }
.sb-eq-conf--baixa { background: #3a3f46; color: #d0d5db; }
.sb-eq-fontes { list-style: none; margin: 0; padding: 0; font-size: 12.5px; }
.sb-eq-fontes li { margin: 0 0 4px; line-height: 1.4; }
body.sb-membro .sb-eq-pag .sb-eq-fontes a { color: #e6ebf1; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(255,214,10,.5); }
body.sb-membro .sb-eq-pag .sb-eq-fontes a:hover { color: var(--accent); }
.sb-eq-fontes__tipo { color: #8e9aa6; font-size: 11.5px; white-space: nowrap; }

/* Linha de confiança baixa: em cinza, com aviso */
.sb-eq-tab tr.is-baixa { background: rgba(120,128,138,.10) !important; }
.sb-eq-tab tr.is-baixa, .sb-eq-tab tr.is-baixa .sb-eq-cod, .sb-eq-tab tr.is-baixa .sb-eq-txt, .sb-eq-tab tr.is-baixa .sb-eq-lista span { color: #9aa3ad; }
.sb-eq-tab tr.is-baixa .sb-eq-fw { filter: grayscale(.7); opacity: .85; }
.sb-eq-aviso-l { margin: 6px 0 0; font-size: 12.5px; color: #ffcf66; line-height: 1.4; }

.sb-eq-l[hidden], .sb-eq-grupo[hidden], .sb-eq-sec[hidden] { display: none !important; }
.sb-eq-nada { color: #c9c2ad; font-size: 15px; }
body.sb-membro .sb-eq-nada a { color: var(--accent); }

/* Legenda */
.sb-eq-legenda ul { list-style: none; margin: 6px 0 12px; padding: 0; }
.sb-eq-legenda li { margin: 0 0 8px; line-height: 1.55; }
.sb-eq-legenda .sb-eq-conf { margin: 0 8px 0 0; min-width: 62px; text-align: center; }

/* Visitante: lista de códigos */
.sb-eq-codigos { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; }
.sb-eq-codigos span { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; padding: 4px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: #fff; background: rgba(255,255,255,.04); }
.sb-eq-codigos small { font-family: var(--body, inherit); color: #9fb0c0; font-size: 11.5px; margin-left: 2px; }
.sb-eq-porta { margin: 4px 0 24px; }

/* Celular e tablet: cada linha vira um cartão */
@media (max-width: 960px) {
	.sb-eq-busca { top: 56px; }
	.sb-eq-tab-wrap { overflow: visible; border: 0; }
	.sb-eq-tab { min-width: 0; }
	.sb-eq-tab thead { display: none; }
	.sb-eq-tab, .sb-eq-tab tbody, .sb-eq-tab tr, .sb-eq-tab th[scope=row], .sb-eq-tab td { display: block; width: auto !important; }
	.sb-eq-tab tbody tr { border: 1px solid #2b2716; border-radius: 12px; margin: 0 0 12px; background: rgba(255,255,255,.03) !important; }
	.sb-eq-tab th[scope=row] { padding: 12px 14px 4px; }
	.sb-eq-tab td { padding: 8px 14px; border-top: 1px dashed rgba(255,255,255,.08); }
	.sb-eq-tab td::before { content: attr(data-rot); display: block; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #ffe680; margin-bottom: 3px; }
	.sb-eq-tab td:last-child { padding-bottom: 12px; }
}
body.sb-membro .sb-eq-pag p.sb-com-previa { color: #3a2c00 !important; margin-bottom: 18px; }