/* FEATURE-START codigo-aberto (14/11/2026) — tela do Código Aberto. Usa os tokens e blocos do STJD. */
.cod-page {
  --stjd-bloco: rgba(255, 255, 255, 0.035);
  --stjd-linha: rgba(255, 255, 255, 0.08);
  --stjd-ouro: #cfae6c;
  max-width: 1120px; margin: 0 auto; padding: 36px 2px 56px;
}
.cod-title { font-size: 44px; letter-spacing: 0; }

.cod-baixar {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 22px 26px; border-radius: var(--r-lg); background: rgba(207, 174, 108, 0.08);
}
.cod-baixar h2 { margin: 0 0 4px; font-size: 18px; color: var(--text); }
.cod-baixar p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--text-dim); }
.cod-baixar code, .cod-sha code { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: .9em; }
.cod-baixar .stjd-btn { flex: none; text-decoration: none; background: linear-gradient(180deg, #e2c27e, #c9a35a); color: #15110a; }

.cod-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 10px; }
.cod-info > div { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border-radius: var(--r-md); background: var(--stjd-bloco); min-width: 0; }
.cod-info span { font-size: 10.5px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--text-faint); }
.cod-info b { font-size: 15px; color: var(--text); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cod-info i { font-style: normal; font-size: 12px; color: var(--text-faint); }
.cod-fora { margin: 12px 2px 28px; font-size: 12.5px; color: var(--text-faint); }

.cod-grade { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 16px; align-items: start; }
.cod-lista { position: sticky; top: 16px; max-height: calc(100dvh - 60px); overflow-y: auto; padding: 14px; border-radius: var(--r-lg); background: var(--stjd-bloco); scrollbar-width: thin; }
.cod-filtro {
  width: 100%; height: 38px; padding: 0 12px; margin-bottom: 12px; border-radius: 10px; border: 1px solid transparent; outline: none;
  font: inherit; font-size: 13px; color: var(--text); background: rgba(255, 255, 255, 0.06);
  user-select: text; -webkit-user-select: text;
}
.cod-filtro:focus { border-color: rgba(207, 174, 108, 0.6); }
.cod-parte + .cod-parte { margin-top: 18px; }
.cod-parte h3 { display: flex; justify-content: space-between; gap: 8px; margin: 0 4px 8px; font-size: 11px; letter-spacing: .8px; text-transform: uppercase; color: var(--stjd-ouro); font-weight: 600; }
.cod-parte h3 span { color: var(--text-faint); }
.cod-arq {
  display: flex; justify-content: space-between; gap: 10px; width: 100%; padding: 6px 8px; border-radius: 7px; text-align: left;
  font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12px; color: var(--text-dim);
}
.cod-arq span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cod-arq i { flex: none; font-style: normal; color: var(--text-faint); font-size: 11px; }
.cod-arq:hover { color: var(--text); background: rgba(255, 255, 255, 0.05); }
.cod-arq.is-on { color: #fff; background: rgba(207, 174, 108, 0.16); }
.cod-outros { margin: 6px 8px 0; font-size: 11.5px; color: var(--text-faint); }

.cod-visor { min-width: 0; padding: 18px 0 0; border-radius: var(--r-lg); background: var(--stjd-bloco); overflow: hidden; }
.cod-visor > .stjd-vazio, .cod-visor > .stjd-aviso { margin: 0 20px 20px; }
.cod-visor-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 20px; }
.cod-visor-head b { display: block; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 14px; color: var(--text); word-break: break-all; }
.cod-visor-head span { font-size: 12px; color: var(--text-faint); }
.cod-copiar { flex: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; color: var(--text-dim); background: rgba(255, 255, 255, 0.07); }
.cod-copiar:hover { color: var(--text); background: rgba(255, 255, 255, 0.12); }
.cod-sha { margin: 8px 20px 14px; font-size: 11.5px; color: var(--text-faint); word-break: break-all; user-select: text; -webkit-user-select: text; }
.cod-codigo {
  display: grid; grid-template-columns: auto minmax(0, 1fr); max-height: 72dvh; overflow: auto;
  border-top: 1px solid var(--stjd-linha); background: rgba(0, 0, 0, 0.25);
  font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12.5px; line-height: 1.6;
  scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.cod-codigo pre { margin: 0; padding: 14px 0; font: inherit; }
.cod-num { position: sticky; left: 0; padding-inline: 14px 12px !important; text-align: right; color: rgba(255, 255, 255, 0.28); background: #10141c; user-select: none; -webkit-user-select: none; }
.cod-txt { padding-inline: 14px 20px !important; color: rgba(255, 255, 255, 0.86); white-space: pre; tab-size: 2; user-select: text; -webkit-user-select: text; }

@media (max-width: 860px) {
  .cod-page { padding-top: 22px; }
  .cod-title { font-size: 34px; }
  .cod-baixar { flex-direction: column; align-items: stretch; padding: 18px; }
  .cod-baixar .stjd-btn { text-align: center; }
  .cod-info { grid-template-columns: 1fr; }
  .cod-grade { grid-template-columns: 1fr; }
  .cod-lista { position: static; max-height: 300px; }
  .cod-codigo { max-height: 60dvh; font-size: 11.5px; }
}
/* FEATURE-END codigo-aberto */