/* Relatório de Atendimentos (atendimentos/module.js): mesmo desenho do que estava no Protocolo.
   Linha única por paciente: nada quebra; o resto dos itens fica no "+N". */
.ra{min-width:0}
.ra-topo{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem 1.125rem;margin:0 0 .875rem}
.ra-topo h1{margin:0;font-size:1.5rem}
.ra-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.ra-chip{padding:.3125rem .75rem;border-radius:62.4375rem;border:1px solid var(--line);background:var(--sur);color:var(--mut);font:inherit;font-size:.7812rem;font-weight:500;cursor:pointer;white-space:nowrap}
.ra-chip b{margin-left:.1875rem}
.ra-chip.on{border-color:var(--acc);color:var(--acc);font-weight:600}
.ra-barra{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem .75rem;border:1px solid var(--line);border-radius:.875rem;background:var(--sur);margin:0 0 .75rem}
.ra-barra .hw-fcaixa{margin:0;padding:0;border:0;background:none}
.ra-busca{margin:0}
.ra-busca input{width:16.25rem;max-width:100%;padding:.4375rem .6875rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);color:var(--ink);font:inherit;font-size:.8125rem}
.ra-caixa{border:1px solid var(--line);border-radius:.625rem;background:var(--sur);overflow-x:auto}
.ra-tab{width:100%;border-collapse:collapse;font-size:.8438rem}
.ra-tab thead th{background:var(--sur2);text-align:left;font-size:.7188rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);padding:.6875rem 1rem;white-space:nowrap}
.ra-tab td{padding:.625rem 1rem;border-top:1px solid var(--line);vertical-align:middle}
.ra-tab tbody tr:hover{background:var(--sur2)}
.ra-nw{white-space:nowrap}
.ra-larga{width:100%;max-width:0}
.ra-meia{width:30%;max-width:0}
.ra-tab td:first-child,.ra-tab th:first-child{min-width:5.25rem}
.ra-tab td:nth-child(2){min-width:15rem}
.ra-itens{display:flex;align-items:center;gap:.375rem;min-width:0;white-space:nowrap;font-size:.7812rem}
.ra-trunc{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ra-mais{flex:none;padding:0 .4375rem;border:1px solid var(--line);border-radius:62.4375rem;font-size:.7188rem;font-weight:600;color:var(--mut);cursor:default}
.ra-mut{color:var(--mut)}
.ra-link{color:var(--ink);font-weight:500;text-decoration:none}
.ra-link:hover{text-decoration:underline}
.ra-sit{display:inline-block;padding:2px .5625rem;border-radius:62.4375rem;border:1px solid var(--line);font-size:.7188rem}
.ra-sit.ra-ok{font-weight:600;background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.ra-sit.ra-sp{font-weight:800;background:var(--alta-soft);border-color:transparent;color:var(--alta)}
.ra-sit.ra-sa{font-weight:800;background:var(--baixa-soft);border-color:transparent;color:var(--baixa)}
.ra-tab td small{display:block;margin-top:2px;font-size:.6875rem;color:var(--mut)}
.ra-vazio{padding:1.75rem 1rem;color:var(--mut);font-size:.8438rem}
.ra-pag{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem;padding:.625rem 1rem;border-top:1px solid var(--line);font-size:.7812rem;color:var(--mut)}
.ra-pag button{padding:.3125rem .75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);color:var(--ink);font:inherit;font-size:.7812rem;cursor:pointer}
.ra-pag button:disabled{opacity:.45;cursor:default}
.m{font-variant-numeric:tabular-nums}
.ra-barra .ra-chips{margin-left:auto}
.ra-clic{cursor:pointer}
.ra-clic.ab{background:var(--sur2)}
.ra-conf{margin-left:.5rem;font-size:.7188rem;font-weight:600;color:var(--mut);text-decoration:underline}
.ra-det-l>td{padding:0 1rem .875rem;border-top:0;background:var(--sur2)}
.ra-det{display:block}
.ra-det-t{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--sur);border:1px solid var(--line);border-radius:.625rem;overflow:hidden}
.ra-det-t th{text-align:left;font-size:.75rem;font-weight:700;padding:.5rem .75rem;border-bottom:1px solid var(--line)}
.ra-det-t th .ra-mut{font-weight:400;margin-left:.375rem}
.ra-det-t td{padding:.375rem .75rem;border-top:1px solid var(--line);font-size:.7812rem;vertical-align:top}
.ra-det-t td+td,.ra-det-t th+th{border-left:1px solid var(--line)}
.ra-det-c{display:flex;align-items:baseline;gap:.625rem;min-width:0}
.ra-det>div{background:var(--sur);border:1px solid var(--line);border-radius:.625rem;padding:.625rem .75rem;min-width:0}
.ra-det h4{margin:0 0 .375rem;font-size:.75rem;font-weight:700}
.ra-det h4 .ra-mut{font-weight:400;margin-left:.375rem}
.ra-det ul{list-style:none;margin:0;padding:0}
.ra-det li{display:flex;align-items:baseline;gap:.625rem;padding:.3125rem 0;border-top:1px solid var(--line);font-size:.7812rem}
.ra-det li:first-child{border-top:0}
.ra-det p{margin:.25rem 0;font-size:.7812rem}
.ra-det-it{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra-det-it small{display:inline;margin-left:.375rem;color:var(--mut);font-size:.6875rem}
.ra-st{flex:none;padding:1px .5rem;border:1px solid var(--line);border-radius:62.4375rem;font-size:.6875rem}
.ra-st.fin{font-weight:700;border-color:var(--ink)}
@media(max-width:900px){.ra-det{grid-template-columns:1fr}}
/* Relatório Financeiro (atendimentos/financeiro.js): totais acima da tabela, valores à direita. */
.rf-tot{display:flex;flex-wrap:wrap;gap:.5rem 1.375rem;margin:0 0 .75rem;padding:.625rem .875rem;border:1px solid var(--line);border-radius:.75rem;background:var(--sur);font-size:.8125rem;color:var(--mut)}
.rf-tot b{margin-left:.375rem;color:var(--ink);font-size:.9375rem}
.ra-tab .rf-num{text-align:right}
/* Escala fluida (31/10/2026): abaixo do desktop largo a tabela aperta o espaco entre colunas
   e, no iPad em pe, deixa o cabecalho e as notas pequenas quebrarem linha, para a ultima
   coluna caber sem rolar de lado. */
@media (max-width:1439px){.ra-tab thead th,.ra-tab td{padding-left:.625rem;padding-right:.625rem}.ra-tab thead th{letter-spacing:.06em}}
@media (max-width:1100px){.ra-tab thead th,.ra-tab td{padding-left:.4375rem;padding-right:.4375rem}.ra-tab thead th{white-space:normal}.ra-tab td small{display:block;white-space:normal}.ra-tab td:nth-child(2){min-width:10rem}}