/* telas/reunioes/estilo.css — Reuniões (#145). Cor SÓ por token; prefixo rn- em toda classe. */
.rn.ds-molde { width: 100%; color: var(--ink); min-width: 0; padding-bottom: var(--ds-s8); }
.rn .muted { color: var(--muted); }
.rn h2 { margin: 0 0 8px; font-size: 16px; }
.rn :focus-visible { outline: 2px solid var(--ds-accent); outline-offset: 2px; }
.rn .btn { min-height: 44px; }
.rn input, .rn select, .rn textarea { min-height: 40px; max-width: 100%; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 8px; font: inherit; }
.rn textarea { width: 100%; resize: vertical; }
.rn label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.rn-resumo-topo { margin: 2px 0 0; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.rn-resumo-topo b { color: var(--ink); }
.rn-filtros { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.rn-check { flex-direction: row !important; align-items: center; min-height: 44px; }
.rn-bloco { padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.rn-erro { border-color: var(--ds-err); }
.rn-itens, .rn-fathom ul { list-style: none; margin: 0; padding: 0; }
.rn-ident { min-width: 0; max-width: 40ch; display: flex; flex-direction: column; }
.rn-ident small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rn-link { background: none; border: 0; padding: 0; color: var(--ink); font: inherit; font-weight: 600; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rn-link:hover, .rn-link.ativa { color: var(--ink-accent); }
a.rn-link { color: var(--ink-accent); font-weight: 500; }
.rn-form { display: flex; flex-direction: column; gap: 10px; }
.rn-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rn-acoes { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 10px 0; }
.rn-det-cab { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.rn-det-cab p { margin: 0; font-size: 13px; }
.rn-resumo { white-space: pre-wrap; max-width: 80ch; }
.rn-detalhe details summary { cursor: pointer; min-height: 32px; color: var(--muted); }
.rn-item { padding: 10px 0; border-top: 1px solid var(--line); }
.rn-item.descartado { opacity: .6; }
.rn-item-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rn-item-cab input { flex: 1 1 200px; min-width: 0; }
.rn-contexto { margin: 6px 0 0; font-size: 13px; color: var(--muted); max-width: 80ch; overflow-wrap: anywhere; }
.rn-meta { margin: 4px 0 0; font-size: 12px; }
.rn-item-acoes { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-top: 8px; }
.rn-fathom summary { cursor: pointer; min-height: 32px; }
.rn-fathom li { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 6px 0; border-top: 1px solid var(--line); }
.rn-skel { display: grid; gap: 10px; }
.rn-skel div { height: 52px; border-radius: 8px; background: var(--line); }
@media (max-width: 600px) {
  .rn-grade { grid-template-columns: 1fr; }
  .rn-fathom li { grid-template-columns: 1fr; }
  .rn-item-acoes .btn, .rn-acoes .btn { flex: 1; }
}