/* GERADO por portal/gera-painel-css.cjs a partir de pagina.html — não editar à mão. */
.app { --marinho: #0c0c0c; --marinho-claro: #262626; --azul: #0f2438; --azul-suave: #6b7a8c; --sobre-azul: #ffffff; --sobre-azul-medio: #b9c7d4; --sobre-azul-baixo: #7d92a6; --sobre-azul-alerta: #ff9b8f; --tinta: #0c0c0c; --cinza: #525252; --linha: #d4d4d4; --linha-fina: #e5e5e5; --fundo: #ffffff; --cartao: #ffffff; --acento: #1e3a8a; --alta: #b91c1c; --media: #92670f; --baixa: #4b5563; --ok: #15803d; --alerta: #b91c1c; --mono: Consolas, "Cascadia Mono", "Courier New", monospace; --serif: "Literata", Cambria, "Palatino Linotype", Georgia, serif; --sans: "Public Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  font-family: var(--sans, -apple-system, "Segoe UI", Roboto, sans-serif); color: var(--tinta); line-height: 1.5; }
.app * { box-sizing: border-box; }
.app h2, .app h3, .app p { margin: 0; }
.app .recibo { background: var(--cartao); border: 1px solid var(--linha); border-left: 3px solid var(--acento); border-radius: 3px; padding: 14px 18px; margin-bottom: 18px; font-size: 15px; line-height: 1.55; color: var(--tinta); }
.app .recibo b { color: var(--acento); font-weight: 600; }
.app .recibo .detalhe { display: block; font-size: 12px; color: var(--cinza); margin-top: 5px; }
.app .recibo .detalhe summary { cursor: pointer; list-style: none; }
.app .recibo .detalhe summary::-webkit-details-marker { display: none; }
.app .recibo .detalhe summary::before { content: "▸ "; }
.app .recibo .detalhe[open] summary::before { content: "▾ "; }
.app .recibo.limpo { border-left-color: #2f7a4f; }
.app .selo-juncao { display: inline-flex; align-items: baseline; gap: 6px; background: #eaf1f7; color: var(--acento); border: 1px solid #cfe0ee; border-radius: 2px; padding: 2px 7px; font-size: 11px; margin-top: 8px; }
.app .selo-juncao b { font-weight: 600; }
.app .selo-juncao .ev { color: #4a6a85; font-family: var(--mono); font-size: 10.5px; }
.app .selo-juncao.historico { background: #f4f4f2; color: var(--cinza); border-color: var(--linha); }
.app .lateral { width: 212px; background: var(--marinho); color: #d7dee6; display: flex; flex-direction: column; flex-shrink: 0; }
.app .lateral .marca { color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; padding: 22px 22px 16px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.app .lateral .marca small { display: block; font-family: var(--mono); font-size: 9.5px; letter-spacing: .2px; line-height: 1.4; color: #7d92a6; margin-top: 6px; text-transform: none; }
.app .lateral nav { padding: 12px 0; flex: 1; }
.app .lateral .grupo { font-size: 10.5px; text-transform: uppercase; letter-spacing: 1px; color: #8fa2b5; padding: 14px 22px 6px; }
.app .lateral a { display: block; color: #d7dee6; text-decoration: none; font-size: 13.5px; padding: 9px 22px; border-left: 3px solid transparent; cursor: pointer; }
.app .lateral a:hover { background: rgba(255,255,255,0.05); }
.app .lateral a.ativo { background: rgba(255,255,255,0.08); border-left-color: #fff; color: #fff; }
.app .lateral .contagem { float: right; font-size: 11.5px; color: #8fa2b5; font-variant-numeric: tabular-nums; }
.app .lateral .contagem.urgente { color: var(--alerta); }
.app .lateral .separador { height: 1px; background: rgba(255,255,255,0.08); margin: 12px 22px; }
.app .lateral .grupo-nav { padding: 0 22px 6px; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #7e93a8; font-weight: 600; }
.app .lateral .rodape { padding: 16px 22px; font-size: 11px; color: #8fa2b5; border-top: 1px solid rgba(255,255,255,0.08); }
.app .topo { background: var(--cartao); border-bottom: 1px solid var(--linha); padding: 14px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.app .topo .saudacao { font-size: 15px; }
.app .topo .data { font-size: 12.5px; color: var(--cinza); margin-top: 2px; }
.app .topo .direita { display: flex; align-items: center; gap: 14px; font-size: 12.5px; color: var(--cinza); }
.app #coleta { font-family: var(--mono); font-size: 11.5px; }
.app #coleta::before { content: "●"; color: #15803d; margin-right: 6px; font-size: 9px; animation: pulso 2.4s ease-in-out infinite; }
@keyframes pulso {0%, 100% { opacity: 1; } 50% { opacity: 0.35; }}
.app .selo { background: #f1f5f9; border: 1px solid var(--linha); border-radius: 6px; padding: 5px 12px; font-size: 12px; color: var(--tinta); }
.app .selo.alerta { border-color: var(--alta); color: var(--alta); }
.app .botao-claro { background: var(--cartao); color: var(--acento); border: 1px solid var(--acento); border-radius: 6px; padding: 6px 14px; font: inherit; font-size: 12.5px; cursor: pointer; }
.app .botao-claro:disabled { opacity: 0.5; cursor: default; }
.app .conteudo { padding: 24px 28px 60px; max-width: 1120px; }
.app .indicadores { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--marinho); border-radius: 6px; overflow: hidden; margin-bottom: 22px; }
.app .indicador { padding: 18px 20px 15px; position: relative; }
.app .indicador.sep::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 1px; background: rgba(255,255,255,0.12); }
.app .indicador .valor { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: 30px; font-weight: 400; color: #f5f7f6; line-height: 1.05; transition: color 0.3s; }
.app .indicador .valor.alerta { color: var(--alerta); }
.app .indicador .rotulo { font-size: 10.5px; letter-spacing: 0.8px; text-transform: uppercase; color: #7d92a6; margin-top: 5px; display: flex; align-items: center; gap: 6px; }
.app .ponto-vivo { width: 6px; height: 6px; border-radius: 50%; background: var(--alerta); flex: none; animation: pulso 1.6s ease-in-out infinite; }
.app .indicador.clicavel { cursor: pointer; transition: background 0.12s; }
.app .indicador.clicavel:hover { background: var(--marinho-claro); }
.app .indicador.clicavel.ativo { background: var(--marinho-claro); box-shadow: inset 0 -2px 0 #f5f7f6; }
.app .indicador.clicavel .rotulo::after { content: "▾"; color: #f5f7f6; opacity: 0; margin-left: -2px; }
.app .indicador.clicavel:hover .rotulo::after, .app .indicador.clicavel.ativo .rotulo::after { opacity: 1; }
.app .indicador::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 2px; background: var(--acento); transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(.2,.8,.2,1); }
.app .indicador.aceso::after { transform: scaleX(1); }
.app .indicador:nth-child(3).aceso::after { background: var(--alerta); }
.app .colunas { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; align-items: start; }
.app h2 { font-family: var(--serif); font-size: 19px; font-weight: 400; letter-spacing: -.005em; margin: 0 0 12px; color: var(--marinho); padding-bottom: 7px; border-bottom: 1px solid var(--linha); }
.app h2 .qtd-titulo { font-family: var(--mono); font-size: 12px; color: var(--cinza); margin-left: 6px; font-variant-numeric: tabular-nums; }
.app .manchete { background: var(--marinho); color: #fff; border-radius: 3px; padding: 20px 24px 22px; margin-bottom: 18px; display: grid; grid-template-columns: 1fr auto; gap: 8px 28px; align-items: start; }
.app .manchete .kicker { grid-column: 1 / -1; font-size: 10px; text-transform: uppercase; letter-spacing: 1.4px; color: #8fb4d1; }
.app .manchete h3 { font-family: var(--serif); font-size: 23px; font-weight: 400; line-height: 1.25; color: #fff; margin: 0; max-width: 40ch; }
.app .manchete .porque { font-size: 13px; color: #b7c9d9; line-height: 1.55; margin-top: 7px; max-width: 62ch; }
.app .manchete .prova { display: inline-block; margin-top: 10px; font-size: 11px; color: #9db4c8; border-left: 2px solid #2e4864; padding-left: 9px; font-family: var(--mono); }
.app .manchete .relogio { text-align: right; }
.app .manchete .relogio .n { font-family: var(--mono); font-size: 40px; line-height: 1; color: #fff; font-variant-numeric: tabular-nums; display: block; }
.app .manchete .relogio .n.perto { color: #ff8f7a; }
.app .manchete .kicker .selo-risco { margin-left: 10px; padding: 2px 8px; border-radius: 2px; letter-spacing: .4px; border: 1px solid rgba(255,255,255,0.3); color: #fff; }
.app .manchete .kicker .selo-risco.risco-alto { border-color: #ff8f7a; color: #ff8f7a; }
.app .manchete .kicker .selo-risco.risco-medio { border-color: #e8c48a; color: #e8c48a; }
.app .manchete .relogio .r { font-size: 11px; color: #9db4c8; margin-top: 4px; }
.app .manchete .acoes { grid-column: 1 / -1; margin-top: 14px; display: flex; gap: 10px; flex-wrap: wrap; }
.app .manchete .acoes a { font-size: 12.5px; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,0.28); border-radius: 2px; padding: 6px 13px; }
.app .manchete .acoes a:hover { background: rgba(255,255,255,0.1); }
.app .prazos { background: var(--cartao); border: 1px solid var(--linha); border-radius: 3px; padding: 13px 16px 15px; margin-bottom: 18px; }
.app .prazos-cab { font-size: 10.5px; text-transform: uppercase; letter-spacing: .7px; color: var(--marinho); padding-bottom: 9px; margin-bottom: 4px; border-bottom: 1px solid var(--linha); display: flex; justify-content: space-between; align-items: baseline; }
.app .prazos-cab span { text-transform: none; letter-spacing: 0; font-size: 11px; color: var(--cinza); }
.app #prazos .prazos-cab { cursor: pointer; }
.app #prazos .prazos-cab::before { content: "▸ "; }
.app #prazos .prazos-fold.aberto > .prazos-cab::before { content: "▾ "; }
.app #prazos .prazos-cab:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }
.app #prazos .prazos-anim { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s cubic-bezier(.2, .7, .2, 1); }
.app #prazos .prazos-fold.aberto .prazos-anim { grid-template-rows: 1fr; }
.app #prazos .prazos-anim-inner { overflow: hidden; min-height: 0; }
.app #prazos, .app #prazos .prazos-cab { transition: margin .32s cubic-bezier(.2, .7, .2, 1), padding .32s cubic-bezier(.2, .7, .2, 1); }
.app #prazos .prazos-fold:not(.aberto) > .prazos-cab { margin-bottom: 0; padding-bottom: 0; }
.app #prazos:has(.prazos-fold:not(.aberto)) { padding-bottom: 0; margin-bottom: 0; }
.app #prazos .prazos-linha { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 4px 28px; }
.app .prazo { display: flex; align-items: baseline; gap: 9px; padding: 9px 0; min-width: 0; }
.app #prazos .prazo .d { font-family: var(--mono); font-size: 20px; color: var(--marinho); font-variant-numeric: tabular-nums; line-height: 1; flex-shrink: 0; }
.app .prazo .d.perto { color: var(--alta); }
.app .prazo .d small { font-size: 9.5px; color: var(--cinza); display: block; margin-top: 2px; }
.app .prazo .q { min-width: 0; }
.app #consultas .prazos-linha { display: flex; flex-direction: column; gap: 10px; }
.app #consultas .prazo .d { font-size: 10px; text-transform: uppercase; letter-spacing: .3px; color: var(--cinza); flex-shrink: 0; width: 118px; line-height: 1.3; }
.app .prazo .q b { font-family: var(--serif); font-size: 14px; color: var(--marinho); font-weight: 400; display: block; }
.app .prazo .q span { font-size: 11.5px; color: var(--cinza); }
.app .prazo .q a { font-size: 11px; color: var(--acento); text-decoration: none; margin-left: 7px; }
.app .prazo .q a:hover { text-decoration: underline; }
.app .prazo-extremo { font-style: normal; font-size: 9.5px; text-transform: uppercase; letter-spacing: .4px; color: var(--acento); border: 1px solid currentColor; border-radius: 3px; padding: 1px 4px; margin-left: 4px; vertical-align: middle; }
.app .prazo-desc { display: block; margin-top: 2px; color: var(--cinza); font-size: 11px; line-height: 1.35; overflow-wrap: break-word; }
.app .cartao { background: var(--cartao); border: 1px solid var(--linha); border-radius: 4px; padding: 14px 18px; margin-bottom: 10px; }
.app .cartao .topo-c { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.app .cartao a { color: var(--acento); text-decoration: none; font-size: 14px; }
.app .cartao a:hover { text-decoration: underline; }
.app .cartao .meta { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.4px; text-transform: uppercase; color: var(--cinza); }
.app .cartao .ementa { font-size: 13.5px; color: #374151; margin-top: 5px; }
.app .cartao .movimento { font-size: 12px; color: var(--cinza); margin-top: 5px; }
.app .cartao .motivo { font-size: 13.5px; margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--linha); }
.app .cartao .motivo em { font-style: normal; color: var(--cinza); }
.app .cartao .rotulo-linha { color: var(--cinza); font-size: 12px; }
.app .tema-cab { font-family: var(--mono); font-size: 11px; letter-spacing: 0.8px; text-transform: uppercase; color: var(--cinza); margin: 18px 0 8px; padding-bottom: 4px; border-bottom: 1px solid var(--linha); }
.app .tema-cab:first-child { margin-top: 0; }
.app .tema-cab .qtd { color: var(--acento); }
.app .tema-cab[role="button"] { cursor: pointer; user-select: none; display: flex; align-items: center; gap: 7px; }
.app .tema-cab[role="button"]:hover { color: var(--tinta); border-bottom-color: var(--cinza); }
.app .tema-cab[role="button"]:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }
.app .tema-cab .seta { width: 0; height: 0; border-left: 4px solid currentColor; border-top: 3.5px solid transparent; border-bottom: 3.5px solid transparent; transform: rotate(90deg); transition: transform 0.12s; flex: none; }
.app .tema-cab.recolhido .seta { transform: rotate(0deg); }
.app .tema-cab .qtd { margin-left: auto; }
.app .cartao.clicavel { cursor: pointer; transition: border-color 0.12s, box-shadow 0.12s; }
.app .cartao.clicavel:hover { border-color: var(--acento); box-shadow: 0 1px 4px rgba(30,75,110,0.10); }
.app .cartao .titulo-ato { color: var(--acento); font-size: 14px; }
.app .cartao.clicavel:hover .titulo-ato { text-decoration: underline; }
.app .dica { font-size: 11px; color: var(--acento); margin-left: auto; white-space: nowrap; opacity: 0; transition: opacity 0.12s; }
.app .cartao.clicavel:hover .dica { opacity: 1; }
.app .nota { font-size: 11.5px; color: var(--cinza); margin-top: 18px; }
.app .nota.alerta { color: var(--alerta); }
.app .atos-sem-vinculo .nota { margin: 6px 0 10px; }
.app .voltar { background: none; border: none; color: var(--acento); font: inherit; font-size: 13px; cursor: pointer; padding: 0; margin-bottom: 16px; }
.app .voltar:hover { text-decoration: underline; }
.app .det-cabecalho { border-bottom: 1px solid var(--linha); padding-bottom: 18px; margin-bottom: 20px; }
.app .det-supra { font-size: 12px; color: var(--cinza); text-transform: uppercase; letter-spacing: 0.8px; }
.app .det-titulo { font-size: 28px; font-weight: 400; color: var(--tinta); margin: 6px 0 10px; }
.app .det-etiquetas { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.app .novidade-selo { display: inline-block; background: var(--alta); color: #fff; border-radius: 10px; font-size: 10px; padding: 1px 7px; margin-left: 6px; vertical-align: 1px; }
.app .botao-seguir { background: var(--cartao); color: var(--acento); border: 1px solid var(--acento); border-radius: 6px; padding: 8px 16px; font: inherit; font-size: 13px; cursor: pointer; }
.app .botao-seguir.ativo { background: var(--acento); color: #fff; }
.app .lateral { width: auto; background: var(--azul); color: var(--sobre-azul-medio); flex-direction: row; align-items: center; flex-wrap: wrap; border-bottom: none; display: flex; padding: 0 44px; gap: 0; }
.app .lateral .marca { color: var(--sobre-azul); font-size: 20px; font-weight: 700; letter-spacing: -0.005em; text-transform: uppercase; padding: 16px 40px 14px 0; border-bottom: none; display: flex; align-items: baseline; gap: 10px; flex-shrink: 0; }
.app .lateral .marca small { display: inline; font-family: var(--sans); font-size: 11.5px; color: var(--sobre-azul-baixo); letter-spacing: 0; margin-top: 0; text-transform: none; font-weight: 400; }
.app .lateral nav { padding: 0; flex: 1; display: flex; align-items: stretch; flex-wrap: wrap; gap: 0; align-self: stretch; }
.app .lateral .grupo, .app .lateral .grupo-nav, .app .lateral .rodape { display: none; }
.app .lateral .separador { display: none; }
.app .lateral a { display: flex; align-items: center; color: var(--sobre-azul-medio); font-size: 13px; font-weight: 500; padding: 0 0 0 0; margin-right: 26px; border-left: none; border-bottom: 2px solid transparent; margin-bottom: 0; white-space: nowrap; }
.app .lateral a:hover { background: none; color: var(--sobre-azul); }
.app .lateral a.ativo { background: none; border-left-color: transparent; color: var(--sobre-azul); font-weight: 600; border-bottom-color: var(--sobre-azul); }
.app .lateral .contagem { float: none; margin-left: 6px; font-size: 12px; color: var(--sobre-azul-baixo); }
.app .lateral .contagem.urgente { color: var(--sobre-azul-alerta); }
.app .topo { background: var(--fundo); border-bottom: 1px solid var(--linha-fina); padding: 12px 44px; align-items: baseline; }
.app .topo .saudacao { font-family: var(--serif); font-size: 16px; color: var(--tinta); font-weight: 400; line-height: 1.5; max-width: 62ch; }
.app .topo .data { font-size: 12px; color: var(--cinza); }
.app .topo .direita { font-size: 12px; }
.app .conteudo { padding: 26px 44px 70px; max-width: 1180px; }
.app h2 { font-family: var(--serif); font-weight: 600; letter-spacing: -0.01em; }
.app .manchete h3 { font-family: var(--serif); font-size: 22px; font-weight: 600; line-height: 1.25; letter-spacing: -0.015em; }
.app .manchete .kicker { font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; color: var(--alta); text-transform: uppercase; }
.app .manchete .porque { font-family: var(--serif); font-size: 13px; line-height: 1.5; color: #262626; }
.app .indicadores { background: none; border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); }
.app .indicador { background: none; color: var(--tinta); }
.app .indicador .valor { font-family: var(--serif); font-weight: 600; color: var(--azul); }
.app .indicador .valor.alerta { color: var(--alerta); }
.app .indicador.clicavel:hover, .app .indicador.clicavel.ativo { background: #f4f4f4; }
.app .indicador.clicavel.ativo { box-shadow: inset 0 -2px 0 var(--azul); }
.app .indicador.clicavel .rotulo::after { color: var(--azul-suave); }
.app .indicador .rotulo { color: var(--azul-suave); }
.app .prazos { background: none; border: none; border-top: 3px solid var(--tinta); border-radius: 0; padding: 10px 0 14px; margin-bottom: 18px; }
.app .prazos-cab { font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; color: var(--alta); border-bottom: none; padding-bottom: 9px; margin-bottom: 0; }
.app .prazos-cab span { color: var(--cinza); font-weight: 400; }
.app #prazos .prazos-cab { justify-content: flex-start; gap: 7px; }
.app #prazos .prazos-cab span { margin-left: auto; padding-left: 24px; text-align: right; }
.app #prazos .prazos-linha { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 8px 40px; }
.app #prazos .prazo { align-items: baseline; gap: 14px; padding: 4px 0 0; }
.app #prazos .prazo .d { font-family: var(--serif); font-size: 38px; font-weight: 600; color: var(--tinta); line-height: 1; }
.app #prazos .prazo .d.perto { color: var(--alta); }
.app #prazos .prazo .d small { font-size: 11px; margin-top: 4px; }
.app #prazos .prazo .q b { font-family: var(--serif); font-size: 17px; font-weight: 600; color: var(--tinta); line-height: 1.3; letter-spacing: -0.01em; }
.app #prazos .prazo .q span { font-size: 12px; color: var(--cinza); }
.app #prazos .prazo-desc { font-family: var(--serif); font-size: 13.5px; line-height: 1.6; color: #262626; border-left: 3px solid var(--linha); padding-left: 13px; margin-top: 9px; }
.app #prazos .prazo .q a { font-size: 12.5px; font-weight: 500; margin-left: 0; display: inline-block; margin-top: 9px; }
.app .recibo { font-family: var(--serif); font-size: 16px; line-height: 1.6; color: #262626; border-left: 4px solid var(--tinta); background: none; border-radius: 0; padding: 4px 0 4px 18px; }
.app .manchete { background: none; color: var(--tinta); border-radius: 0; border-top: 2px solid var(--tinta); padding: 12px 0 14px; margin-bottom: 18px; gap: 4px 28px; }
.app .manchete h3 { color: var(--tinta); max-width: 46ch; }
.app .manchete .porque { color: #262626; max-width: 62ch; margin-top: 7px; }
.app .manchete .porque { font-size: 13px; color: #525252; margin-top: 6px; }
.app .manchete .prova { display: block; font-family: var(--serif); font-size: 13px; line-height: 1.5; color: #404040; border-left: 3px solid var(--linha); padding: 6px 0 6px 12px; margin-top: 10px; max-width: 78ch; }
.app .manchete .relogio .n { font-family: var(--serif); font-size: 27px; font-weight: 600; color: var(--tinta); }
.app .manchete .acoes { margin-top: 10px; }
.app .manchete .acoes a { font-size: 12px; padding: 4px 10px; }
.app .manchete .relogio .n.perto { color: var(--alta); }
.app .manchete .relogio .r { color: var(--cinza); }
.app .manchete .kicker .selo-risco { border: 1px solid var(--linha); color: var(--cinza); border-radius: 0; margin-left: 0; }
.app .manchete .kicker .selo-risco.risco-alto { border-color: var(--alta); color: var(--alta); }
.app .manchete .acoes a { color: var(--acento); }
.app .manchete .kicker .selo-risco.risco-medio { border-color: var(--cinza); color: var(--cinza); }
.app .indicador::after { background: var(--tinta); }
.app .cartao .ementa, .app .linha-leitura .assunto { max-width: 72ch; }
.app #prazos .prazo { cursor: pointer; }
.app #prazos .prazo:hover .prazo-frase > summary { color: var(--tinta); }
.app .ponto-vivo { background: var(--azul-suave); }
.app .indicadores { border-top: none; border-bottom: none; padding: 4px 0; margin-bottom: 28px; }
.app .indicador .rotulo { letter-spacing: 0.5px; }
.app .prazos { border-top: none; padding-top: 0; margin-bottom: 28px; }
.app .manchete { border-top: none; padding-top: 2px; margin-bottom: 28px; }
.app .cartao { border: none; border-radius: 0; border-bottom: 1px solid var(--linha-fina); padding: 14px 0; margin-bottom: 0; }
.app .cartao .motivo { border-top: none; padding-top: 0; margin-top: 8px; }
.app .prazos-cab { color: var(--tinta); }
.app .manchete .relogio .n.perto { color: var(--alta); }
.app .recibo { border-top: none; border-right: none; border-bottom: none; }
.app .recibo.limpo { border-left-color: var(--tinta); }
.app .selo-juncao, .app .selo-juncao.historico { background: none; border: none; padding: 0; }
.app .recibo, .app .manchete .porque, .app .manchete-jogo, .app .prazo-desc, .app .cartao .ementa, .app .tar-jogo, .app .tar-fazer, .app .nota { max-width: 68ch; }
.app .prazos-cab, .app .tema-cab { font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--cinza); padding-bottom: 8px; border-bottom: 1px solid var(--linha-fina); margin-bottom: 16px; }
.app h2 .qtd-titulo { font-family: var(--sans); letter-spacing: 0; text-transform: none; font-size: 11px; }
.app .indicador .valor, .app #prazos .prazo .d, .app .manchete .relogio .n, .app .tar-relogio b { font-family: var(--serif); font-variant-numeric: tabular-nums lining-nums; }
.app .manchete h3 { font-size: 26px; font-weight: 600; line-height: 1.22; max-width: 26ch; letter-spacing: -0.012em; }
.app .manchete .kicker { color: var(--cinza); letter-spacing: 0.18em; font-weight: 600; }
.app .manchete .porque, .app .recibo { font-size: 15.5px; line-height: 1.72; }
.app .selo, .app .selo.alerta { background: none; border-radius: 0; padding: 4px 0; border: none; }
.app .chip, .app .botao-claro, .app .selo-modalidade, .app .selo-situacao, .app .selo-janela, .app .selo-juncao, .app .prazo-extremo, .app input, .app select, .app textarea, .app button { border-radius: 0; }
.app .conteudo { padding-top: 30px; }
.app #prazos, .app .indicadores, .app .manchete, .app .recibo { margin-bottom: 32px; }
.app .indicadores { border-top: 2px solid var(--azul); border-bottom: 2px solid var(--azul); padding: 0; margin-bottom: 32px; }
.app .indicador { padding: 20px 26px 18px; }
.app .indicador.sep::before { display: none; }
.app h2 { color: var(--azul); border-bottom: 2px solid var(--azul); }
.app .prazos-cab, .app .tema-cab { color: var(--azul); border-bottom: 2px solid var(--azul); font-size: 11px; }
.app .lateral { box-shadow: inset 0 -4px 0 #24435f; }
.app .lateral .marca { font-size: 22px; padding: 24px 40px 22px 0; }
.app .lateral nav a { padding: 26px 0 24px; font-size: 13px; }
.app .lateral a.ativo { box-shadow: inset 0 -4px 0 var(--sobre-azul); border-bottom-color: transparent; }
.app .recibo { margin-bottom: 32px; }
.app .manchete { margin-bottom: 32px; padding-top: 18px; border-top: 3px solid var(--azul); }
.app #prazos { margin-bottom: 32px; }
.app .conteudo { padding-top: 32px; }
.app #coleta, .app .selo-juncao .ev, .app .ies-topo .fato .v, .app .curso-linha .p, .app .curso-linha .v, .app .curso-linha.rica .l2, .app .relogio .n, .app .relogio .fonte, .app .ato-ies .d, .app .cartao .meta, .app .doc-periodo, .app .doc-numeros .dl b, .app .doc-tab td:nth-child(n+2), .app .proc-id, .app .proc-mov .q, .app .linha-leitura .quando, .app h2 .qtd-titulo, .app .prazo .d, .app .indicador .valor, .app .linha-leitura .fonte, .app .relogio .fonte, .app .cartao .fonte, .app .ato .fonte, .app .fonte, .app .proc-n, .app .radar-quando, .app .prazo .d small, .app .tar-relogio small, .app .relogio small, .app .chip b, .app .indicador .valor small, .app .tar-relogio b, .app .manchete .relogio .n { font-family: var(--sans); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0; }
.app .indicador .valor, .app .prazo .d, .app .manchete .relogio .n, .app .tar-relogio b, .app .ies-topo .fato .v { font-family: var(--serif); }
.app .recibo b { color: inherit; font-weight: 600; }
.app .tema-cab .seta { display: none; }
.app .tema-cab::before { content: "− "; color: var(--cinza); font-weight: 400; }
.app .tema-cab.recolhido::before { content: "+ "; }
.app .cartao { border-bottom: none; padding-bottom: 16px; }
.app .cartao + .cartao { border-top: 1px solid var(--linha-fina); padding-top: 18px; }
.app .botao-seguir, .app .botao-seguir.ativo { border-radius: 0; }
.app input, .app select, .app textarea, .app .indicadores, .app .painel-lateral, .app .filtro-toggle, .app .novidade-selo, .app .posicao, .app .doc, .app .fila-selo, .app .selo, .app .kpi-detalhe, .app .tarefa-caixa, .app .faixa-varredura, .app .caixa-pergunta, .app .cartao, .app .tar, .app .chip, .app .botao-claro, .app .botao-linha, .app .ir-cursos, .app .atalho-num, .app .ficha, .app .pilula, .app .ferramentas input, .app .ferramentas select, .app .cursos-filtros input, .app .dossie-barra input, .app .dossie-barra select { border-radius: 0; }
.app .ponto-vivo, .app .painel-lateral .ok::before, .app .selo .ao-vivo { animation: none; }
.app .recibo .detalhe summary::before, .app #prazos .prazos-cab::before, .app .tar-prova > summary::before, .app .previa-prova > summary::before, .app details.prova-fold > summary::before, .app #cab-leitura > summary::before { content: "+ "; font-size: inherit; color: var(--cinza); font-weight: 400; }
.app .recibo .detalhe[open] summary::before, .app #prazos .prazos-fold.aberto > .prazos-cab::before, .app .tar-prova[open] > summary::before, .app .previa-prova[open] > summary::before, .app details.prova-fold[open] > summary::before, .app #cab-leitura[open] > summary::before { content: "− "; }
.app .radar-grupos .novidade-selo { background: none; color: var(--azul); border: 1px solid var(--azul); }
.app .det-corpo { max-width: 780px; }
.app .det-corpo .caixa-pergunta { margin: 8px 0 22px; }
.app .det-corpo .det-acoes { margin: 4px 0 8px; }
.app .det-corpo { max-width: 820px; }
.app .det-etiquetas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; }
.app .det-meta-acoes { display: inline-flex; gap: 16px; align-items: baseline; font-size: 13px; }
.app .det-meta-acoes a, .app .det-meta-acoes .botao-seguir { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; cursor: pointer; color: var(--azul); text-decoration: underline; text-underline-offset: 3px; }
.app .det-meta-acoes .botao-seguir.ativo { background: none; color: var(--cinza); text-decoration: none; }
.app .det-lead { font-family: var(--serif); font-size: 21px; line-height: 1.5; color: var(--tinta); margin: 22px 0 24px; max-width: 62ch; }
.app .det-lead.quieto { font-size: 17px; color: var(--cinza); }
.app .det-fatos { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 26px; border-top: 2px solid var(--azul); border-bottom: 1px solid var(--linha); }
.app .det-fatos > div { padding: 14px 18px 16px 0; min-width: 0; }
.app .det-fatos > div + div { padding-left: 18px; border-left: 1px solid var(--linha-fina); }
.app .det-fatos .r, .app .det-sec .r, .app .det-olhar .r { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--cinza); margin-bottom: 6px; }
.app .det-fatos .v { display: block; font-family: var(--serif); font-size: 18px; font-weight: 600; color: var(--tinta); line-height: 1.3; }
.app .det-fatos .v.alto { color: var(--alta); }
.app .det-fatos .n { display: block; font-size: 12px; color: var(--cinza); margin-top: 4px; line-height: 1.4; }
.app .det-sec { margin: 0 0 20px; max-width: 68ch; }
.app .det-sec p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--tinta); }
.app .det-sec.quieta p { font-size: 14px; color: #4b5563; }
.app .det-prova { margin: 26px 0 22px; padding: 2px 0 2px 18px; border-left: 3px solid var(--azul); font-family: var(--serif); font-style: italic; font-size: 16.5px; line-height: 1.55; color: var(--tinta); max-width: 64ch; }
.app .det-prova cite { display: block; font-style: normal; font-family: var(--sans); font-size: 11.5px; color: var(--cinza); margin-top: 8px; }
.app #relevantes .tema-cab { border-bottom: 1px solid var(--linha); padding-bottom: 8px; margin: 22px 0 6px; }
.app #relevantes .tema-cab:first-child { margin-top: 4px; }
.app .colunas.uma-coluna { grid-template-columns: 1fr; }
.app .topo .recibo { font-family: var(--sans); font-size: 11.5px; line-height: 1.4; color: var(--cinza); border: 0; padding: 0; margin: 3px 0 0; max-width: none; text-align: left; background: none; }
.app .topo .recibo b { color: var(--tinta); font-weight: 600; }
.app #manchete { border-top: 0; padding-top: 0; }
.app #manchete h3 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 14px; max-width: none; }
.app #manchete .manchete-alterna { font: 400 11.5px var(--sans); color: var(--cinza); background: none; border: 0; padding: 0; margin: 0; cursor: pointer; white-space: nowrap; flex: none; letter-spacing: .01em; }
.app #manchete .manchete-alterna:hover { color: var(--tinta); text-decoration: underline; text-underline-offset: 3px; }
.app #manchete .m-dias { display: none; }
.app #manchete.recolhida { margin-bottom: 22px; }
.app #manchete.recolhida h3 { font: 500 12.5px var(--sans); color: var(--cinza); letter-spacing: 0; margin: 0; gap: 4px 12px; }
.app #manchete.recolhida .m-dias { display: inline; }
.app #manchete.recolhida .m-dias b { color: var(--alta); font-weight: 600; }
.app #manchete.recolhida .porque, .app #manchete.recolhida .prova, .app #manchete.recolhida .acoes, .app #manchete.recolhida .relogio { display: none; }
.app html.movimento :is(#relevantes .cartao, .app #fila-tarefas > *, .app #kpi-detalhe, .app #lista-radar > *, .app details[open] > :not(summary), .app #manchete .porque, .app #manchete .prova, .app #manchete .acoes) { animation: antevo-surge .26s ease-out both; }
.app a, .app button, .app .tema-cab, .app .indicador.clicavel, .app .fila-origem-filtro, .app summary { transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .22s ease, opacity .18s ease, text-decoration-color .18s ease; }
.app .lateral a[data-aba] { transition: color .2s ease, box-shadow .28s cubic-bezier(.2, .7, .2, 1), background-color .2s ease; }
.app .indicador.clicavel:active, .app .tema-cab[role="button"]:active, .app #painel-ciclo .ciclo-link:active { opacity: .7; }
.app .tour-abre { font: 500 12px var(--sans); color: var(--cinza); background: none; border: 0; padding: 0; cursor: pointer; margin-right: 4px; }
.app .tour-abre::before { content: "?"; display: inline-grid; place-items: center; width: 15px; height: 15px; margin-right: 5px; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; font-weight: 600; vertical-align: 1px; }
.app .tour-abre:hover { color: var(--tinta); }
.app .det-corpo .caixa-pergunta { border-top: 0; padding-top: 0; margin: 30px 0 8px; }
.app .det-corpo .pergunta-cab { margin-bottom: 10px; }
.app h2, .app #cab-leitura > summary, .app #cab-rastreio > summary { border-bottom: 0; padding-bottom: 0; }
.app .indicadores { display: flex; flex-wrap: wrap; gap: 10px; border: 0; padding: 0; background: none; margin: 4px 0 30px; }
.app .indicador { flex: 1 1 170px; border: 1px solid var(--linha); background: #fff; padding: 14px 18px 12px; }
.app .indicador.clicavel:hover { background: #fff; border-color: var(--azul); }
.app .indicador.clicavel.ativo { background: #fff; border-color: var(--azul); box-shadow: inset 0 -3px 0 var(--azul); }
.app .prazos-cab { border-bottom: 0; }
.app #prazos { margin-top: 6px; }
.app .tema-cab, .app #relevantes .tema-cab, .app #painel-ciclo .tema-cab { border-bottom: 1px solid #eef0f3; }
.app #relevantes .tema-cab.recolhido, .app #painel-ciclo .tema-cab { margin: 0; padding: 13px 0 12px; }
.app #relevantes .tema-cab.recolhido:hover, .app #painel-ciclo .tema-cab:hover { background: #f5f7fa; }
.app #manchete { display: none !important; }
.app .topo-anexar { font: 500 12.5px var(--sans); color: var(--azul); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; margin-right: 6px; }
.app .topo-anexar:hover { color: var(--acento); }
.app html.sem-radar .botao-seguir { display: none !important; }
.app #prazos { border-top: 1px solid var(--azul); padding-top: 16px; margin-top: 4px; }
.app #prazos .prazos-linha { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.app #prazos .prazo.prazo-curto { display: block; border: 1px solid var(--linha); background: #fff; padding: 12px 16px 11px; margin: 0; }
.app #prazos .prazo.prazo-curto:hover { border-color: var(--azul); }
.app .pc-topo { display: flex; align-items: baseline; gap: 6px; }
.app .pc-dias { font-family: var(--serif); font-size: 26px; font-weight: 600; line-height: 1; color: var(--tinta); }
.app .pc-dias.perto { color: var(--alta); }
.app .pc-un { font-size: 12px; color: var(--cinza); }
.app .pc-topo .prazo-extremo { margin-left: auto; }
.app .pc-oque { font-size: 13.5px; font-weight: 600; color: var(--tinta); margin-top: 6px; }
.app .pc-data { font-size: 12px; color: var(--cinza); margin-top: 2px; }
.app .pc-data a { color: var(--azul); }
.app .lateral .marca { font-family: -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 400; letter-spacing: .22em; text-transform: uppercase; }
.app .recibo .detalhe summary::before, .app #prazos .prazos-cab::before, .app .tar-prova > summary::before, .app .previa-prova > summary::before, .app details.prova-fold > summary::before, .app #cab-leitura > summary::before, .app #cab-rastreio > summary::before, .app details.det-mais > summary::before, .app .tema-cab::before, .app .prazo-frase > summary::before, .app .glossario-caixa > summary::before, .app .dobra > summary::before, .app .ativos-ressalvas > summary::before, .app .ob-item > summary::before, .app .conceitos-cursos > summary::before { content: ''; display: inline-block; width: 6px; height: 6px; flex: none; border: solid currentColor; border-width: 0 1.5px 1.5px 0; color: var(--cinza); transform: rotate(-45deg); margin: 0 10px 2px 1px; vertical-align: middle; font-size: 0; }
.app .recibo .detalhe[open] summary::before, .app #prazos .prazos-fold.aberto > .prazos-cab::before, .app .tar-prova[open] > summary::before, .app .previa-prova[open] > summary::before, .app details.prova-fold[open] > summary::before, .app #cab-leitura[open] > summary::before, .app #cab-rastreio[open] > summary::before, .app details.det-mais[open] > summary::before, .app .tema-cab::before, .app .prazo-frase[open] > summary::before, .app .glossario-caixa[open] > summary::before, .app .dobra[open] > summary::before, .app .ativos-ressalvas[open] > summary::before, .app .ob-item[open] > summary::before, .app .conceitos-cursos[open] > summary::before { content: ''; transform: rotate(45deg); margin-bottom: 4px; }
.app .tema-cab.recolhido::before { transform: rotate(-45deg); margin-bottom: 2px; }
.app .tema-cab { font-family: var(--sans); font-size: 13.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--tinta); }
.app .tema-cab .qtd { font-weight: 500; color: var(--cinza); }
.app .indicador .valor, .app .dip-n, .app .dip-card b, .app .cal-d, .app .cal-grupo-data b, .app .kpi-n, .app .proc-num-filtro b { font-variant-numeric: tabular-nums; }
.app .lateral .marca small { letter-spacing: 0; }