@font-face { font-family: "Roboto Slab"; src: url("/static/fonts/roboto-slab-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Roboto Condensed"; src: url("/static/fonts/roboto-condensed-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/static/fonts/inter-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/static/fonts/ibm-plex-mono-latin.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/static/fonts/ibm-plex-mono-latin-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/static/fonts/ibm-plex-mono-latin-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  --charcoal: #0E0F10;
  --ink-panel: #15242A;
  --ink-blue: #29424B;
  --active-blue: #365866;
  --paper: #E8E1D1;
  --rust-stamp: #A4453A;
  --warning: #D2A53B;
  --font-display: "Roboto Slab", Georgia, serif;
  --font-condensed: "Roboto Condensed", "Arial Narrow", sans-serif;
  --font-interface: "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
  --sidebar-width: 17rem;
  /* Compatibility for lookup partials until their page-specific redesign. */
  --papel: var(--charcoal);
  --slip: var(--ink-panel);
  --tinta: var(--paper);
  --tinta-2: var(--paper);
  --carimbo: var(--warning);
  --aprovado: var(--paper);
  --linha: rgba(232, 225, 209, .18);
  --display: var(--font-display);
  --corpo: var(--font-interface);
  --mono: var(--font-mono);
}
*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin: 0; min-width: 20rem; background: var(--charcoal); color: var(--paper); font-family: var(--font-interface); line-height: 1.5; }
button, input { font: inherit; }
button, input, select { min-height: 44px; }
button { cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-underline-offset: .2em; }
button, .app-nav__links a { transition: background-color .18s ease, border-color .18s ease; }
button:active { transform: translateY(1px); }
:focus-visible { outline: 3px solid var(--warning); outline-offset: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.app-shell { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
.app-nav { position: sticky; top: 0; height: 100vh; height: 100dvh; overflow-y: auto; padding: 1.25rem; background: var(--ink-panel); border-right: 1px solid var(--ink-blue); display: flex; flex-direction: column; gap: 3rem; }
.app-main { min-width: 0; width: 100%; max-width: 100rem; padding: clamp(1rem, 3vw, 3rem); }
.brand { display: flex; align-items: center; gap: .7rem; color: var(--paper); text-decoration: none; }
.brand__mark { flex: none; }
.brand__copy { min-width: 0; display: flex; flex-direction: column; gap: .25rem; }
.brand__copy strong { font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; line-height: 1.1; letter-spacing: -.05em; }
.brand__copy small { font-family: var(--font-condensed); font-size: .66rem; line-height: 1.4; letter-spacing: .055em; text-transform: uppercase; }
.app-nav__links { display: grid; gap: .35rem; }
.app-nav__links a { min-height: 44px; display: flex; align-items: center; padding: .65rem .75rem; color: var(--paper); text-decoration: none; font-family: var(--font-condensed); font-size: 1.15rem; font-weight: 500; border-left: 3px solid transparent; }
.app-nav__links a:hover { background: var(--ink-blue); }
.app-nav__links a[aria-current="page"] { background: var(--active-blue); border-left-color: var(--paper); }
.app-nav__account { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--ink-blue); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; font-family: var(--font-mono); font-size: .75rem; }
.app-nav__account span { overflow-wrap: anywhere; min-width: 0; }
.app-nav__account form { margin: 0; }
.app-nav__account button { min-height: 44px; padding: .5rem; border: 1px solid var(--ink-blue); background: transparent; color: var(--paper); }
.app-nav__account button:hover { background: var(--ink-blue); }
.page-header { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--ink-blue); }
.page-header__eyebrow { margin: 0 0 .65rem; font-family: var(--font-mono); font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; color: var(--tinta-2); }
.page-header h1, .auth-card h1 { margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; text-wrap: balance; }
.page-header .button { margin-top: 1rem; }
.skip-link { position: fixed; top: .75rem; left: 1rem; z-index: 3; padding: .65rem 1rem; background: var(--paper); color: var(--charcoal); transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
.nav-toggle { display: none; min-height: 44px; padding: .6rem 1rem; border: 1px solid var(--active-blue); background: var(--ink-panel); color: var(--paper); font-family: var(--font-condensed); font-weight: 600; }

.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem .9rem; border: 1px solid currentColor; font: 700 .85rem var(--font-condensed); text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background-color .18s ease, border-color .18s ease, transform .18s ease; }
.button:hover { background: var(--active-blue); }
.button:active { transform: translateY(1px); }
.button--primary { background: var(--rust-stamp); color: var(--paper); }
.button--quiet { background: transparent; color: var(--paper); }
.button--danger { background: transparent; color: var(--rust-stamp); }

.case-files-list { display: grid; gap: .75rem; }
.case-file { display: grid; grid-template-columns: minmax(12rem, 1.4fr) minmax(11rem, 1fr) auto; gap: 1rem; align-items: center; padding: 1rem; background: var(--ink-panel); border: 1px solid var(--ink-blue); }
.case-file--selected { border-color: var(--warning); }
.case-file__identity, .case-file__evidence { min-width: 0; }
.case-file__item { margin: 0; font-family: var(--font-display); overflow-wrap: anywhere; }
.case-file__effect { margin: .25rem 0 0; font-family: var(--font-mono); overflow-wrap: anywhere; }
.case-file__evidence strong { display: block; font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.case-file__evidence p { margin: .25rem 0 0; color: var(--tinta-2); font-size: .82rem; }
.case-file__evidence small { display: block; margin-top: .35rem; color: var(--tinta-2); font-family: var(--font-mono); line-height: 1.45; }
.case-file__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.case-file__actions form { margin: 0; }
.case-drawer .case-file { grid-template-columns: minmax(0, 1fr); }
.case-drawer .case-file__actions { display: grid; justify-content: stretch; }
.case-drawer .case-file__actions .button { width: 100%; }
#case-files > .empty-state { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem; background: var(--ink-panel); border: 1px dashed var(--ink-blue); }

.overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.sources-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.metric-card, .source-card, .evidence-panel { padding: 1.25rem; background: var(--ink-panel); border: 1px solid var(--ink-blue); }
.metric-card h2, .source-card h2, .overview-recent h2 { margin: 0 0 1rem; font-family: var(--font-display); line-height: 1.15; }
.metric-card > :last-child, .source-card > :last-child { margin-bottom: 0; }
.metric-card strong { display: block; font: 700 clamp(2rem, 5vw, 3.5rem)/1 var(--font-condensed); font-variant-numeric: tabular-nums; }
.dossier { --tinta: var(--charcoal); position: relative; padding: 1.5rem; background: var(--paper); color: var(--charcoal); border: 1px solid rgba(14, 15, 16, .3); color-scheme: light; }
.dossier :focus-visible { outline-color: var(--ink-blue); }
.overview-recent { grid-column: 1 / -1; }
.scope-label, .dossier-id, .source-stamp { margin: 0 0 .65rem; font: 500 .72rem/1.3 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.status-badge { display: inline-flex; align-items: center; min-height: 1.75rem; padding: .25rem .5rem; border: 1px solid currentColor; font: 600 .75rem var(--font-condensed); text-transform: uppercase; }
.status-badge--ready { color: var(--paper); }
.status-badge--waiting { color: var(--warning); }
.recent-cases { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.recent-cases li { padding-top: .75rem; border-top: 1px solid rgba(14, 15, 16, .2); }
.recent-cases a { display: flex; flex-direction: column; color: inherit; }
.recent-cases small { display: block; margin-top: .25rem; font-family: var(--font-mono); }
.source-evidence-list { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .5rem; }
.source-evidence-list li { display: flex; justify-content: space-between; gap: 1rem; font-size: .82rem; }
.source-evidence-list span { flex: none; font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.fan-disclaimer { max-width: 65ch; margin: 1.5rem 0 0; color: var(--paper); font-size: .82rem; }
.dossier .empty-state { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }

.case-workflow { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: 1rem; align-items: start; }
.case-search, .analysis-region { grid-column: 1; }
.case-drawer { grid-column: 2; grid-row: 1 / span 3; position: sticky; top: 1rem; padding: 1.25rem; background: var(--ink-panel); border: 1px solid var(--ink-blue); }
.case-workflow h2 { margin: 0 0 1rem; font-family: var(--font-display); line-height: 1.15; }
.case-search label { display: block; margin-bottom: .5rem; font: 600 .82rem var(--font-condensed); }
.field-help { max-width: 65ch; margin: .65rem 0 0; font-size: .82rem; color: var(--ink-blue); }
.choice-list { display: grid; gap: .5rem; margin-top: 1rem; }
.choice-list button { width: 100%; min-height: 44px; padding: .7rem .8rem; border: 1px solid var(--ink-blue); background: transparent; color: inherit; text-align: left; transition: border-color .18s ease; }
.choice-list button:hover, .choice-list button[data-selected], .choice-list button.is-selected { background: var(--active-blue); color: var(--paper); }
.loading-indicator { display: none; margin-top: .75rem; font: 500 .72rem var(--font-mono); color: var(--warning); }
.loading-indicator.htmx-request { display: grid; gap: .35rem; }
.dossier .loading-indicator { color: var(--ink-blue); }
.loading-bar { display: block; height: 2px; background: var(--warning); transform-origin: left; animation: loading-pulse 1.1s ease-in-out infinite; }
@keyframes loading-pulse { 0%, 100% { transform: scaleX(0); } 50% { transform: scaleX(1); } }
.empty-state { color: color-mix(in srgb, var(--paper) 65%, transparent); }
.dossier .empty-state { color: color-mix(in srgb, var(--charcoal) 65%, transparent); }
.error-state { padding: 1rem; border: 2px solid var(--rust-stamp); border-left-width: .4rem; }
.error-state > :last-child { margin-bottom: 0; }

.analysis-region { min-width: 0; container-type: inline-size; }
.case-dossier { min-width: 0; }
.case-dossier__header { padding: 1.25rem; border: 1px solid var(--ink-blue); border-bottom: 0; }
.case-workflow .case-dossier__header h2 { margin-bottom: .35rem; font-size: clamp(1.8rem, 4vw, 2.75rem); overflow-wrap: anywhere; }
.case-dossier__header > p { overflow-wrap: anywhere; }
.case-dossier__header > :last-child { margin-bottom: 0; }
.evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.evidence-panel { min-width: 0; overflow-wrap: anywhere; }
.evidence-panel[data-scope="effect"] { border-top: 3px solid var(--paper); }
.evidence-panel[data-scope="crossed"] { border-top: 3px solid var(--warning); }
.evidence-panel[data-scope="aggregate"] { border-top: 3px double var(--active-blue); grid-column: 1 / -1; }
.evidence-panel h3 { margin: 0 0 1rem; font: 700 1.5rem/1.15 var(--font-condensed); }
.evidence-panel > :last-child { margin-bottom: 0; }
.evidence-facts, .evidence-listings { margin: 0; padding: 0; }
.evidence-listings { list-style: none; }
.evidence-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: baseline; padding: .45rem 0; border-bottom: 1px dotted var(--ink-blue); }
.evidence-row strong, .evidence-row dd, .evidence-price { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.evidence-row dd { margin: 0; text-align: right; font-weight: 500; }
.evidence-amount { display: grid; text-align: right; }
.evidence-amount small { font: 400 .75rem/1.6 var(--font-mono); }
.evidence-price { display: block; font-size: clamp(1.65rem, 4vw, 2.5rem); letter-spacing: -.04em; }
.evidence-row--total { margin-top: .5rem; border-top: 1px solid var(--paper); border-bottom: 0; }
.evidence-note { max-width: 58ch; font-size: .85rem; color: color-mix(in srgb, var(--paper) 70%, transparent); }
.evidence-note--stale { color: var(--warning); }
.evidence-visual { position: relative; min-height: 16rem; overflow: hidden; background: var(--charcoal); border: 1px solid var(--ink-blue); }
.item-image { position: absolute; z-index: 2; left: 50%; top: 55%; width: min(11rem, 42vw); transform: translate(-50%, -50%); filter: drop-shadow(0 1rem 1.5rem rgba(0, 0, 0, .7)); }
.effect-layer { position: absolute; left: 50%; top: 52%; width: 13rem; height: 13rem; transform: translate(-50%, -50%); mix-blend-mode: screen; pointer-events: none; animation: evidence-emission 3.6s linear infinite; }
.effect-layer:nth-of-type(2) { width: 10rem; height: 10rem; animation-delay: -2.4s; }
.effect-layer:nth-of-type(3) { width: 15rem; height: 15rem; animation-delay: -1.2s; opacity: .5; }
@keyframes evidence-emission {
  0% { transform: translate(-50%, -32%) scale(.8); opacity: 0; }
  20% { opacity: .95; }
  100% { transform: translate(-50%, -74%) scale(1.18); opacity: 0; }
}
.evidence-visual--fallback { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem; gap: 1rem; }
.evidence-visual--fallback .item-image { position: static; transform: none; width: 7rem; }
.effect-fallback { display: grid; gap: .35rem; margin: 0; text-align: center; }
.effect-fallback strong { font-family: var(--font-display); }
.effect-fallback span, .item-fallback { font: 400 .75rem/1.5 var(--font-mono); }
.item-fallback { position: relative; z-index: 2; margin: 1rem; text-align: center; }
.source-stamp { color: var(--warning); font-family: var(--font-mono); text-transform: uppercase; }
.error-state, .status-badge--error, .button--danger { color: var(--paper); border-color: var(--rust-stamp); }
.dossier .error-state { color: var(--charcoal); }
@container (max-width: 42rem) {
  .evidence-grid { grid-template-columns: minmax(0, 1fr); }
}
@container (max-width: 25rem) {
  .evidence-row { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
  .evidence-row dd, .evidence-amount { text-align: left; }
}

.auth-page { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: clamp(1rem, 5vw, 4rem); background: var(--ink-panel); }
.auth-shell { width: min(100%, 34rem); }
.auth-shell > .brand { justify-content: center; margin-bottom: 2.75rem; }
.auth-shell .brand__mark { width: 3rem; height: 3rem; }
.auth-shell .brand__copy strong { font-size: 2rem; }
.auth-card { --tinta: var(--charcoal); --tinta-2: var(--ink-blue); --slip: var(--paper); --carimbo: var(--rust-stamp); padding: clamp(1.25rem, 5vw, 2.5rem); background: var(--paper); color: var(--charcoal); border-top: .4rem solid var(--active-blue); color-scheme: light; }
.auth-card h1 { margin-bottom: 2rem; font-size: 2rem; }
.auth-card .campo { padding: 0; }
.auth-card :focus-visible { outline-color: var(--ink-blue); }
.auth-card .erro { margin-bottom: 1.5rem; }

.admin-invitations { display: grid; gap: 1rem; margin-bottom: 2rem; }
.admin-link { padding: 1rem; border-left: 3px solid var(--warning); background: var(--ink-panel); }
.admin-link p { margin: 0 0 .5rem; }
.admin-link code { font: .85rem var(--font-mono); overflow-wrap: anywhere; }
.admin-people h2 { margin: 0 0 1rem; font-family: var(--font-display); }
.admin-people__list { list-style: none; margin: 0; padding: 0; }
.admin-person { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--ink-blue); }
.admin-person__identity { display: grid; gap: .3rem; min-width: 0; overflow-wrap: anywhere; }
.admin-person__identity span { font: .75rem var(--font-mono); }
.admin-person__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.admin-person__actions form { margin: 0; }
.admin-person .button--danger { color: var(--paper); border-color: var(--rust-stamp); }

@media (max-width: 48rem) {
  .app-shell { grid-template-columns: minmax(0, 1fr); min-height: auto; }
  .app-nav { position: static; height: auto; gap: 1.5rem; border-right: 0; border-bottom: 1px solid var(--ink-blue); }
  .app-main { padding: 1.5rem 1rem; }
  .nav-ready .nav-toggle { display: block; margin: .75rem 1rem; }
  .nav-ready .app-nav { display: none; }
  .nav-ready.nav-open .app-nav { display: flex; }
  .page-header { margin-bottom: 1.5rem; }
  .sources-grid { grid-template-columns: minmax(0, 1fr); }
  .case-workflow { grid-template-columns: minmax(0, 1fr); }
  .case-search, .analysis-region, .case-drawer { grid-column: 1; }
  .case-drawer { grid-row: auto; position: static; }
  .case-file { grid-template-columns: minmax(0, 1fr) minmax(11rem, auto); }
  .case-file__actions { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 38rem) {
  .overview-grid { grid-template-columns: minmax(0, 1fr); }
  .source-evidence-list li { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .case-file { grid-template-columns: minmax(0, 1fr); }
  .case-file__actions { grid-column: auto; display: grid; }
  .case-file__actions .button { width: 100%; }
}

/* Existing lookup and authentication controls retain their visual mechanics. */
.cotacao { margin: 0 0 1.5rem; font-family: var(--font-mono); font-size: .72rem; font-weight: 500; color: var(--tinta-2); }
.cotacao b { color: var(--tinta); font-weight: 600; }
.duas-colunas { display: grid; grid-template-columns: 19rem 1fr; }
.coluna-esquerda { border-right: 1px solid var(--linha); }
.coluna-direita { min-width: 0; }

.acompanhar button {
  background: none; border: 1px solid var(--linha); color: var(--tinta);
  font-family: var(--mono); font-size: .7rem; letter-spacing: .1em;
  text-transform: uppercase; padding: .45rem .8rem; cursor: pointer;
  margin-bottom: 1.2rem;
}
.acompanhar button:hover { border-color: var(--carimbo); color: var(--carimbo); }

@media (max-width: 60rem) {
  .duas-colunas { grid-template-columns: 1fr; }
  .coluna-esquerda { border-right: 0; border-bottom: 1px solid var(--linha); }
}

.campo { padding: clamp(1.1rem, 4vw, 1.7rem) clamp(1.1rem, 4vw, 2.4rem); }
.campo + .campo { border-top: 1px dashed var(--linha); }

.rotulo {
  display: block; margin-bottom: .55rem;
  font-family: var(--font-condensed); font-weight: 700; font-size: 1rem;
  text-transform: uppercase; letter-spacing: .14em; color: var(--tinta-2);
}

.dica { margin: .55rem 0 0; font-size: .82rem; color: var(--tinta-2); }
.dica b { font-weight: 600; color: var(--tinta); }

#q {
  width: 100%; padding: .35rem .1rem;
  border: 0; border-bottom: 2px solid var(--tinta); border-radius: 0;
  background: transparent; color: var(--tinta);
  font-family: var(--corpo); font-size: clamp(1.1rem, 3.5vw, 1.4rem);
}
#q::placeholder { color: var(--ink-blue); opacity: 1; }
#q:focus { border-bottom-color: var(--ink-blue); }

.opcoes { margin-top: .9rem; display: grid; gap: .3rem; }
.opcoes.colunas { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); }
.opcoes button {
  display: flex; align-items: center; gap: .6rem; width: 100%;
  padding: .5rem .7rem; text-align: left; cursor: pointer;
  border: 1px solid var(--linha); border-radius: 0;
  background: transparent; color: var(--tinta);
  font-family: var(--corpo); font-size: .95rem;
  transition: background .12s ease, border-color .12s ease;
}
.opcoes button::before {
  content: ""; flex: none; width: .62rem; height: .62rem;
  border: 1px solid var(--tinta);
}
.opcoes button:hover { background: rgba(232, 225, 209, .07); border-color: var(--tinta); }
.opcoes button[data-escolhido] { background: var(--tinta); color: var(--slip); }
.opcoes button[data-escolhido]::before { background: var(--slip); border-color: var(--slip); }

.opcoes button.escolhido { border-color: var(--carimbo); }
.opcoes button.escolhido::before { background: var(--carimbo); border-color: var(--carimbo); }

.opcoes .vazio { grid-column: 1 / -1; }
.vazio {
  margin: 0; padding: .7rem 0; border-top: 1px dotted var(--linha);
  font-family: var(--mono); font-size: .76rem;
  text-transform: uppercase; letter-spacing: .09em; color: var(--tinta-2);
}

.niveis { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-bottom: .5rem; }
.tag {
  font-family: var(--mono); font-weight: 600; font-size: .64rem;
  text-transform: uppercase; letter-spacing: .1em;
  padding: .28rem .45rem;
}
.tag-efeito { background: var(--tinta); color: var(--slip); }
.tag-item {
  border: 1px solid var(--tinta); color: var(--tinta);
  background: repeating-linear-gradient(45deg, transparent 0 3px, rgba(232, 225, 209, .12) 3px 6px);
}
.cruz { font-family: var(--mono); font-size: .7rem; color: var(--tinta-2); }

.avaliacao { animation: preenche .24s ease-out; }
@keyframes preenche { from { opacity: 0; transform: translateY(.4rem); } }

.avaliacao h2 {
  margin: 0; font-family: var(--display); font-weight: 800;
  font-size: clamp(1.7rem, 6vw, 2.4rem); line-height: 1;
  text-transform: uppercase; letter-spacing: .01em;
}
.item-nome { margin: .2rem 0 0; font-size: .85rem; color: var(--tinta-2); }

.pago { margin: 1.1rem 0 1.4rem; }
.pago .rotulo { margin-bottom: .15rem; }
.cifrao {
  font-family: var(--mono); font-weight: 500; color: var(--tinta-2);
  font-size: clamp(1rem, 3vw, 1.35rem); letter-spacing: 0; margin-right: .1em;
}
.numero-grande {
  display: block; font-family: var(--mono); font-weight: 600;
  font-size: clamp(2.3rem, 9vw, 3.4rem); line-height: 1;
  letter-spacing: -.03em; font-variant-numeric: tabular-nums;
}
.em-chaves { font-family: var(--mono); font-size: .8rem; color: var(--tinta-2); }

.bloco { margin-top: 1.6rem; }
.bloco[data-nivel="item"] { border-left: 3px solid var(--tinta); padding-left: 1rem; }
.bloco h3 {
  margin: 0 0 .5rem; font-family: var(--display); font-weight: 700;
  font-size: 1.25rem; text-transform: uppercase; letter-spacing: .06em;
}
.explica { margin: 0 0 .7rem; font-size: .88rem; color: var(--tinta-2); max-width: 46ch; }

.linha { display: flex; align-items: baseline; gap: .5rem; padding: .18rem 0; }
.linha .fio { flex: 1; border-bottom: 1px dotted var(--linha); }
.linha .valor {
  font-family: var(--mono); font-size: .98rem; font-weight: 500;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.linha.total .valor { font-size: 1.15rem; font-weight: 600; }
.bom  { color: var(--aprovado); }
.ruim { color: var(--carimbo); }

.nota {
  margin: .8rem 0 0; padding-left: 1rem; text-indent: -1rem;
  font-size: .8rem; line-height: 1.45; color: var(--tinta-2); max-width: 54ch;
}
.nota b { color: var(--tinta); font-weight: 600; }

.carimbo {
  --cor: var(--carimbo); --giro: -3.5deg;
  float: right; margin: 0 0 .8rem 1.2rem;
  display: block; width: 11rem; padding: .55rem .5rem;
  border: 2px solid var(--cor); outline: 1px solid var(--cor); outline-offset: 3px;
  color: var(--cor); text-align: center; opacity: .87;
  transform: rotate(var(--giro));

  mix-blend-mode: normal;
  font-family: var(--display); font-weight: 700;
  text-transform: uppercase; letter-spacing: .1em; font-size: .78rem;
  animation: carimba .26s cubic-bezier(.2, .8, .3, 1.25) .1s backwards;
}
.carimbo b {
  display: block; margin: .1rem 0;
  font-family: var(--mono); font-weight: 600; font-size: 1.75rem;
  letter-spacing: -.02em; line-height: 1;
}
.carimbo-fresco  { --cor: var(--aprovado); }
.carimbo-vencido { --giro: -6deg; }
.carimbo-ausente { --cor: var(--tinta-2); --giro: 2.5deg; }

.carimbo-limitando { --giro: -6deg; }
@keyframes carimba {
  from { opacity: 0; transform: rotate(var(--giro)) scale(1.3); }
}

#espera { height: 2px; background: var(--carimbo); opacity: 0; transform-origin: left; }
.htmx-request#espera, .htmx-request #espera { opacity: 1; animation: carrega 1.1s ease-in-out infinite; }
@keyframes carrega { 0%, 100% { transform: scaleX(0); } 50% { transform: scaleX(1); } }

@media (max-width: 34rem) {
  .carimbo { float: none; width: 100%; margin: 0 0 1rem; }
  .bloco[data-nivel="item"] { padding-left: .7rem; }

  .linha { flex-wrap: wrap; }
  .linha .fio { display: none; }
  .linha .valor { margin-left: auto; }
}

.aviso {
  margin: 0 0 1rem; padding: .7rem .9rem;
  border-left: 4px solid var(--carimbo);

  background: rgba(164, 69, 58, .10);
  font-size: .9rem;
}
.aviso code {
  display: block; margin-top: .4rem;
  font-family: var(--mono); font-size: .85rem;
  word-break: break-all; color: var(--tinta);
}

.erro {
  border: 2px solid var(--carimbo); border-left-width: 6px;
  padding: .8rem 1rem; color: var(--carimbo);
  font-family: var(--mono); font-size: .88rem;
}
.erro b {
  display: block; font-family: var(--display); font-weight: 700;
  font-size: 1.05rem; text-transform: uppercase; letter-spacing: .08em;
}

.campo-form { margin-bottom: 1rem; }
.campo-form label {
  display: block; margin-bottom: .3rem;
  font-family: var(--display); font-weight: 700; font-size: .95rem;
  text-transform: uppercase; letter-spacing: .14em; color: var(--tinta-2);
}
.campo-form input {
  width: 100%; padding: .45rem .1rem;
  border: 0; border-bottom: 2px solid var(--tinta); border-radius: 0;
  background: transparent; color: var(--tinta);
  font-family: var(--corpo); font-size: 1.1rem;
}
.campo-form input:focus { border-bottom-color: var(--warning); }
.acao {
  font-family: var(--display); font-weight: 700; font-size: 1rem;
  text-transform: uppercase; letter-spacing: .12em;
  background: var(--tinta); color: var(--slip);
  border: 0; padding: .6rem 1.4rem; cursor: pointer;
}
.acao:hover { background: var(--carimbo); }

.placa { margin: 0 0 1.2rem; border: 1px solid var(--ink-blue); background: var(--charcoal); }
.palco { position: relative; height: 200px; overflow: hidden; }
.chapeu {
  position: absolute; left: 50%; top: 54%; width: 120px;
  transform: translate(-50%, -50%); z-index: 2;
  filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .7));
}

.aura {
  position: absolute; left: 50%; top: 50%; width: 200px; height: 200px;
  transform: translate(-50%, -50%); mix-blend-mode: screen;
  pointer-events: none; animation: emite 3.6s linear infinite;
}
.aura:nth-of-type(2) { animation-delay: -2.4s; width: 150px; height: 150px; }
.aura:nth-of-type(3) { animation-delay: -1.2s; width: 236px; height: 236px; opacity: .5; }
@keyframes emite {
  0%   { transform: translate(-50%, -32%) scale(.8);  opacity: 0; }
  20%  { opacity: .95; }
  100% { transform: translate(-50%, -74%) scale(1.18); opacity: 0; }
}

.palco-sem-arte {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: .9rem;
}
.palco-sem-arte .chapeu { position: static; transform: none; width: 96px; }
.palco-sem-arte .sem-arte { position: static; inset: auto; }

.sem-arte {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: .5rem; text-align: center;
}
.sem-arte-nome {
  font-family: var(--mono); font-size: clamp(1rem, 4vw, 1.5rem);
  letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-2);
  border-bottom: 1px solid var(--linha); padding-bottom: .4rem;
}
.sem-arte-marca {
  font-family: var(--mono); font-size: .66rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--tinta-2);
}

/* Consistent control size without changing partial markup or form actions. */
.campo-form input, .acao { min-height: 44px; }
.auth-card .acao { width: 100%; background: var(--ink-blue); color: var(--paper); font-family: var(--font-condensed); }
.auth-card .acao:hover { background: var(--active-blue); }
.auth-card .dica { margin-top: 1.25rem; line-height: 1.6; }
.app-main .linha > form { margin: 0; }
.app-main .linha button { min-height: 44px; padding: .45rem .65rem; border: 1px solid var(--ink-blue); background: var(--ink-panel); color: var(--paper); }
.app-main .linha button:hover { background: var(--active-blue); }

.page-hidden .effect-layer, .page-hidden .aura, .page-hidden .loading-bar, .page-hidden #espera { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  :root { --charcoal: #E8E1D1; --ink-panel: #E8E1D1; --paper: #0E0F10; --tinta-2: var(--ink-blue); --linha: rgba(14, 15, 16, .25); }
  html { color-scheme: light; }
  .app-shell { display: block; }
  .app-nav, .nav-toggle, .skip-link, .placa, #espera, .campo[data-campo="item"] .opcoes { display: none !important; }
  .app-main { max-width: none; padding: 0; }
}