/* Ajustes do painel sobre o bjud.css. Só variáveis do design system (tokens.css), nada de cor solta. */
.pn-sair { margin-left: auto; }
.pn-sair .bj-btn { color: var(--sobre-escuro); background: transparent; border-color: var(--sobre-escuro-2); }
a.bj-chip { text-decoration: none; }
.bj-chip[aria-current="true"] { background: var(--azul); border-color: var(--azul); color: var(--sobre-escuro); }
.bj-chip[aria-current="true"] .bj-chip__n { background: var(--azul-press); color: var(--sobre-escuro); }
a.bj-contador { text-decoration: none; color: inherit; }
.pn-dias { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-3); }
.pn-dias__hoje { font-weight: 600; color: var(--texto); }
.bj-campo textarea {
  min-height: 88px; padding: var(--space-2) var(--space-3); border: 1px solid var(--linha-controle);
  border-radius: var(--radius-md); font-family: var(--font-sans); font-size: 15px; color: var(--texto);
  background: var(--superficie); resize: vertical;
}
.bj-campo textarea:focus-visible { outline: 2px solid var(--foco); outline-offset: 1px; border-color: var(--foco); }
.pn-acoes-form { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; }
.pn-corrigir { margin-top: var(--space-3); }
.pn-obrigacao { margin-bottom: var(--space-4); }
.pn-obrigacao h3 { font-size: 15px; margin: 0 0 var(--space-2); }
.pn-meta { color: var(--texto-3); font-size: 13px; margin: 0 0 var(--space-2); }
/* bjud.css v1.1: ".bj-memoria p" (14px) vence ".bj-sobretitulo" (12px) por especificidade.
   Correção local até a próxima versão do design system (avisado à conversa de design). */
.bj-memoria p.bj-sobretitulo { font-size: 12px; line-height: 16px; }
.pn-mandar { margin: 0 0 var(--space-3); padding-left: 20px; font-size: 14px; line-height: 21px; }
.pn-historico { margin: var(--space-3) 0 0; padding-left: 18px; font-size: 14px; line-height: 21px; color: var(--texto-2); }
.pn-grupo { margin: var(--space-4) 0 var(--space-2); font-size: 13px; font-weight: 600; color: var(--texto-2); text-transform: uppercase; letter-spacing: 0.06em; }
/* Tela inicial sem item escolhido: painel em largura total, prazos em cartões lado a lado. */
.pn-inicio { max-width: 1280px; margin: 0 auto; padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-3); }
.pn-inicio .bj-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: var(--space-3); }
.pn-inicio .bj-lista > li { display: flex; }
.pn-inicio .bj-item { flex: 1; }
@media (max-width: 860px) { .pn-inicio { padding: var(--space-4); } .pn-inicio .bj-lista { grid-template-columns: minmax(0, 1fr); } }
/* Lista e detalhe: em tela larga, cada lado rola por conta própria. */
@media (min-width: 861px) {
  .bj-app { height: calc(100vh - var(--header-h)); min-height: 0; grid-template-rows: minmax(0, 1fr); }
  .bj-app__lista, .bj-app__detalhe { overflow-y: auto; overscroll-behavior: contain; }
  /* Com altura fixa, a coluna flex encolheria os blocos (Claude, Legal One) em vez de rolar. */
  .bj-app__lista > *, .bj-app__detalhe > * { flex-shrink: 0; }
}
body.bj { margin: 0; } /* sem a margem padrão do navegador: com lista e detalhe fixos, a janela não rola */
/* Selos que o e-mail diário já mostra e o bjud.css ainda não tem (só tokens do design system). */
.bj-selo--alta   { background: var(--urgente-fundo); color: var(--urgente-tinta); border-color: var(--urgente-linha); }
.bj-selo--media  { background: var(--sensivel-fundo); color: var(--sensivel); }
.bj-selo--neutro { background: var(--superficie); color: var(--texto-2); border-color: var(--linha); }