/* /estatutos: modal da senha e texto de trabalho */
.est-modal { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; background: rgba(3, 8, 24, .92); }
.est-caixa { width: min(420px, 100%); background: var(--superficie); color: var(--tinta); border: 1px solid var(--linha); border-radius: var(--r-2); padding: 26px 24px; display: grid; gap: 10px; box-shadow: 0 20px 60px rgba(0,0,0,.45); }
.est-caixa h1 { margin: 0; font: 700 24px/1.2 var(--font-num); }
.est-caixa p { margin: 0; color: var(--tinta-2); }
.est-caixa label { font-weight: 600; margin-top: 6px; }
.est-caixa input { font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--campo-borda); background: var(--campo); color: var(--tinta); }
.est-caixa .est-erro { color: var(--alerta); font-weight: 600; }
.est-acoes { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px; }

.est-topo { margin: 8px 0 18px; max-width: 70ch; }
.est-topo h1 { margin: 0 0 8px; font: 700 clamp(26px, 4vw, 40px)/1.12 var(--font-num); letter-spacing: -.02em; }
.est-lead { margin: 0 0 6px; font-size: 18px; color: var(--tinta-2); }
.est-meta { margin: 0; font-size: 14px; color: var(--tinta-2); }
.est-corpo { max-width: 70ch; font-size: 17px; line-height: 1.65; padding-bottom: 40px; }
.est-corpo h2 { margin: 2em 0 .4em; font: 700 24px/1.2 var(--font-num); }
.est-corpo h3 { margin: 1.5em 0 .3em; font: 700 19px/1.25 var(--font-num); }
.est-corpo p { margin: 0 0 .9em; }
.est-corpo .sub { font-style: italic; color: var(--tinta-2); }
.est-corpo .nota-ed { padding: 8px 12px; border-left: 3px solid var(--marca); background: rgba(90, 169, 230, .08); border-radius: 0 8px 8px 0; font-size: 15px; }
.est-corpo ul { margin: 0 0 1em; padding-left: 1.3em; }
.est-corpo li { margin: 0 0 .35em; }
.est-caixa input:-webkit-autofill { -webkit-text-fill-color: var(--tinta); -webkit-box-shadow: 0 0 0 40px var(--campo) inset; caret-color: var(--tinta); }
.est-caixa input:focus-visible { outline: 2px solid var(--marca); outline-offset: 1px; }
.est-acoes a { color: var(--marca); }

.est-tabela { max-width: 100%; overflow-x: auto; margin: 0 0 1.4em; border: 1px solid var(--linha); border-radius: var(--r-2); }
.est-tabela table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px; line-height: 1.45; }
.est-tabela caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.est-tabela th, .est-tabela td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--linha); }
.est-tabela thead th { background: var(--suave); font-weight: 700; white-space: nowrap; }
.est-tabela tbody tr:last-child > * { border-bottom: 0; }
.est-tabela tbody th { font-family: var(--font-num); text-align: center; color: var(--marca); }
.est-tabela td.n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.est-corpo:has(.est-tabela) { max-width: none; }
.est-corpo > :not(.est-tabela) { max-width: 70ch; }
