/* Gestor: so o que e proprio deste app. O visual oficial (tokens, cabecalho, navegacao, botoes, emblemas) vem de ../_visual (D26). */
:root { --rr-topo-1: #0878d9; --rr-topo-2: #0c3c5f; --lateral: 240px; }   /* cor do perfil Gestor: azul-marinho para azul, como na referencia aprovada */

.rr-topo-sub { display: none; }
.rr-marca-topo { display: inline-flex; }
.rr-lateral-marca { display: none; }
.rr-badge.zero { background: var(--rr-neutral-bg); color: var(--rr-chip-txt); }

.cabeca-tela { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.cabeca-tela h2 { margin: 0; font-size: 1.35rem; }
.cabeca-tela select { max-width: 100%; width: auto; min-width: 180px; }
.cond-unico { font-weight: 700; color: var(--suave); }
.quebra { flex-wrap: wrap; align-items: flex-end; }
.espaco-flex { flex: 1 1 220px; }
.marcar { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.marcar input { width: auto; min-height: 0; }
.nota { font-size: .92rem; }
blockquote.motivo { margin: 0; padding: 8px 12px; border-left: 3px solid var(--linha); background: var(--fundo); border-radius: 0 10px 10px 0; overflow-wrap: anywhere; }
.vazio { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 40px 12px; color: var(--suave); }
.lista-simples { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lista-rot { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; max-height: 55vh; overflow-y: auto; }
.tabela-rolavel { overflow-x: auto; max-width: 100%; }
.tabela-rolavel table { min-width: 520px; }
.segmentos { display: inline-flex; border: 1.5px solid var(--rr-campo-borda); border-radius: 12px; overflow: hidden; }
.segmento { background: var(--cartao); color: var(--tinta); border: 0; border-radius: 0; min-height: 40px; padding: 0 14px; font-weight: 650; }
.segmento[aria-pressed="true"] { background: var(--rr-info); color: #fff; }
dl.origem { display: grid; gap: 4px; margin: 0; }
dl.origem dt { font-weight: 750; margin-top: 8px; }
dl.origem dd { margin: 0; color: var(--suave); overflow-wrap: anywhere; }

/* as cinco perguntas */
.pergunta { display: flex; flex-direction: column; gap: 10px; }
.pergunta h3 { margin: 6px 0 0; font-size: 1.05rem; }
.cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.autolargura { align-self: flex-start; width: auto; padding-inline: 28px; }
.cartao-n { background: var(--cartao); border: 1px solid var(--linha); border-radius: 16px; padding: 14px 16px; box-shadow: var(--sombra); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.cartao-n-cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.cartao-n-tit { font-weight: 750; }
.cartao-n-num { font-size: 2.2rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.decisao { gap: 8px; }
.acoes-n { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 6px; }
.acoes-n button { width: auto; }
.tabela th { text-align: left; }
.nota { margin: 0; }
.rr-nav .curto { display: none; }
.mini { display: flex; flex-wrap: wrap; gap: 4px 16px; font-variant-numeric: tabular-nums; }
.mini b { font-weight: 800; }
.area-linha { flex-wrap: wrap; }
.area-linha select { max-width: 100%; min-width: 200px; width: auto; }

/* dia a dia */
.dias { display: flex; flex-direction: column; gap: 6px; }
.dia { display: grid; grid-template-columns: 52px minmax(0, 1fr) 92px; gap: 10px; align-items: center; font-variant-numeric: tabular-nums; }
.dia-barra { display: block; height: 10px; border-radius: 6px; background: var(--rr-neutral-bg); overflow: hidden; }
.dia-barra > span { display: block; height: 100%; background: var(--rr-info); border-radius: 6px; }
.dia-valor { text-align: right; font-size: .9rem; }

@media (max-width: 759.98px) {
  .rr-nav .tem-curto .longo { display: none; }
  .rr-nav .tem-curto .curto { display: block; }
  .rr-badge.zero { display: none; }
  .cabeca-tela .espaco { display: none; }
  .cabeca-tela > * { flex: 1 1 auto; }
  .cabeca-tela h2 { flex: 1 0 100%; }
}

/* ---------- desktop (>= 760 px): menu lateral marinho + cabecalho branco (visual oficial) */
@media (min-width: 760px) {
  body.rr-com-nav { padding-left: var(--lateral); }
  body.rr-com-nav .rr-topo { background: var(--rr-panel); color: var(--rr-text); border-bottom: 1px solid var(--rr-line); padding: 14px 28px; gap: 14px; flex-wrap: nowrap; }
  body.rr-com-nav .rr-marca-topo { display: none; }
  body.rr-com-nav .rr-topo-sub { display: block; font-size: 1.4rem; font-weight: 800; letter-spacing: -.015em; opacity: 1; }
  body.rr-com-nav .rr-topo h1 { margin: 0; }
  body.rr-com-nav .rr-av { width: 40px; height: 40px; }
  body.rr-com-nav .rr-chip { background: var(--rr-info-bg); color: var(--rr-info-txt); }
  body.rr-com-nav .rr-chip.offline { background: var(--rr-warning-bg); color: var(--rr-warning-txt); }
  body.rr-com-nav .rr-topo button.rr-topo-btn { background: transparent; color: var(--rr-text); border: 1.5px solid var(--rr-campo-borda); padding: 0 18px; font-size: .9rem; }
  body.rr-com-nav .rr-topo button.rr-topo-btn:hover { background: var(--rr-blue-soft); }
  body.rr-com-nav .rr-topo button:focus-visible { outline-color: var(--rr-info); }
  body.rr-com-nav main { max-width: 1240px; padding: 24px 28px 40px; margin: 0; }
  body.rr-com-nav .cabeca-tela h2 { display: none; }   /* o titulo ja esta no cabecalho branco */
  body.rr-com-nav .avisos { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); padding-left: var(--lateral); }
  body.rr-com-nav [data-tela="decisoes"] .pilha > .pilha { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); align-items: start; gap: 16px; }

  .rr-nav { top: 0; right: auto; bottom: 0; width: var(--lateral); flex-direction: column; gap: 4px; padding: 18px 12px; border: 0; box-shadow: none; overflow-y: auto;
    background: linear-gradient(160deg, var(--rr-navy-deep), #122d40); }
  .rr-lateral-marca { display: block; padding: 4px 8px 18px; color: #fff; }
  .rr-lateral-lema { font-size: .72rem; opacity: .8; margin-top: 4px; }
  .rr-nav button { flex: none; flex-direction: row; justify-content: flex-start; gap: 12px; min-height: 48px; padding: 0 12px; border-radius: 10px; color: #dbe7f0; font-size: .98rem; font-weight: 600; text-align: left; }
  .rr-nav button:hover:not(:disabled) { background: rgba(255, 255, 255, .08); }
  .rr-nav button[aria-current="page"]:hover:not(:disabled) { background: var(--rr-blue); }
  .rr-nav button .rr-nav-ico { width: 28px; height: 28px; background: none; }
  .rr-nav button .rr-nav-rot { flex: 1; }
  .rr-nav button[aria-current="page"] { background: var(--rr-blue); color: #fff; font-weight: 800; }
  .rr-nav button[aria-current="page"] .rr-nav-ico { background: none; }
  .rr-nav button:focus-visible { outline-color: #fff; }
  .rr-nav .rr-badge { position: static; margin-left: auto; }
  .rr-nav .rr-badge.zero { background: rgba(255, 255, 255, .16); color: #dbe7f0; }
}
@media (min-width: 760px) and (max-width: 1099.98px) {
  :root { --lateral: 76px; }
  .rr-lateral-lema, .rr-nav .rr-nav-rot { display: none; }
  .rr-lateral-marca .rr-marca-nome { display: none; }
  .rr-lateral-marca { padding-inline: 6px; }
  .rr-nav button { justify-content: center; padding: 0; position: relative; }
  .rr-nav .rr-badge { position: absolute; top: 2px; right: 4px; margin: 0; }
}

/* ======================================================================================================================================
   Visual oficial aplicado (D26): cartoes de indicador, paineis, pendencias, filtros e saudacao. Portado do prototipo aprovado
   (apps/prototipo/rr.css, secoes 4, 6, 10); aqui o "desktop" e a janela >= 760 px e o "celular" e a janela estreita.
   ====================================================================================================================================== */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rr-escopo { color: var(--rr-subtext-txt); font-size: .82rem; margin: 0; }
.rr-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: 0; }
.rr-kpis .rr-kpi:nth-child(5) { grid-column: 1 / -1; }
.rr-kpi { position: relative; background: var(--rr-panel); border: 1px solid var(--rr-line); border-radius: 12px; padding: .65rem .7rem .6rem; box-shadow: 0 3px 8px rgba(24, 61, 84, .05); min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.rr-kpi-cab { display: flex; gap: .55rem; align-items: flex-start; min-height: 2.4rem; }
.rr-kpi-cab h3 { font-size: .88rem; line-height: 1.2; font-weight: 750; margin: 0; text-transform: none; letter-spacing: 0; color: var(--rr-text); }
.rr-kpi-ico { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #596d82; }
.rr-kpi-ok .rr-kpi-ico { background: var(--rr-success); } .rr-kpi-critico .rr-kpi-ico { background: var(--rr-critical); } .rr-kpi-aviso .rr-kpi-ico { background: var(--rr-warning); } .rr-kpi-info .rr-kpi-ico { background: var(--rr-info); }
.rr-kpi-nulo .rr-kpi-ico { background: #8a9bad; }
.rr-kpi-num { font-size: 1.7rem; font-weight: 820; letter-spacing: -.045em; line-height: 1.1; font-variant-numeric: tabular-nums; margin-top: .15rem; }
.rr-kpi-num small { font-size: 1.1rem; font-weight: 700; margin-left: .1rem; letter-spacing: 0; }
.rr-sem-valor { color: var(--rr-subtext-txt); }
.rr-kpi-desc { font-size: .8rem; color: var(--rr-subtext-txt); margin: 0; min-height: 1.1rem; }
.rr-kpi-pe { font-size: .78rem; font-weight: 650; margin: .2rem 0 0; }
.rr-kpi-acoes { display: flex; gap: .25rem; justify-content: flex-end; margin-top: auto; padding-top: .25rem; }
.rr-ico-btn { width: 44px; height: 44px; min-height: 0; border-radius: 50%; border: 1px solid var(--rr-line); background: var(--rr-panel); color: var(--rr-info-txt); display: inline-grid; place-items: center; cursor: pointer; padding: 0; }
.rr-ico-btn:hover { background: var(--rr-blue-soft); } .rr-ico-btn svg { display: block; }
.rr-tom-critico { color: var(--rr-critical-txt); } .rr-tom-aviso { color: var(--rr-warning-txt); } .rr-tom-info { color: var(--rr-info-txt); } .rr-tom-ok { color: var(--rr-success-txt); } .rr-tom-neutro { color: var(--rr-subtext-txt); }
.rr-progresso { height: 6px; background: var(--rr-neutral-bg); border-radius: 10px; overflow: hidden; margin-top: .4rem; } .rr-progresso > span { display: block; height: 100%; background: var(--rr-success); border-radius: 10px; }
.rr-tend { margin: .15rem 0 0; font-size: .8rem; font-weight: 700; color: var(--rr-subtext-txt); } .rr-tend small { font-weight: 500; }
.rr-tend-sobe { color: var(--rr-success-txt); } .rr-tend-desce { color: var(--rr-critical-txt); }

.rr-duas { display: grid; grid-template-columns: 1fr; gap: .8rem; }
.rr-painel { background: var(--rr-panel); border: 1px solid var(--rr-line); border-radius: 12px; padding: .9rem 1rem; min-width: 0; box-shadow: 0 2px 7px rgba(24, 61, 84, .04); }
.rr-painel-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: .6rem; margin-bottom: .6rem; }
.rr-painel-cab h3 { font-size: 1rem; margin: 0; text-transform: none; letter-spacing: 0; color: var(--rr-text); font-weight: 800; }
.rr-painel-cab p { margin: .1rem 0 0; font-size: .78rem; color: var(--rr-subtext-txt); }
.rr-painel-cab button { min-height: 44px; font-size: .85rem; padding: 0 .9rem; width: auto; }
.rr-tabela { border: 1px solid var(--rr-line); border-radius: 10px; overflow: hidden; overflow-x: auto; }
.rr-tabela table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.rr-tabela th { text-align: left; background: var(--rr-bg); color: var(--rr-subtext-txt); font-size: .8rem; font-weight: 650; padding: .6rem .65rem; white-space: nowrap; }
.rr-tabela td { padding: .6rem .65rem; vertical-align: middle; border-top: 1px solid var(--rr-line); font-variant-numeric: tabular-nums; font-weight: 700; }
.rr-tabela td:first-child { font-weight: 750; }
.rr-tabela td .link-linha { background: none; border: 0; padding: 0; min-height: 0; width: auto; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.rr-tabela td .link-linha:hover { text-decoration: underline; }
.rr-num-critico { color: var(--rr-critical-txt); font-weight: 800; } .rr-num-aviso { color: var(--rr-warning-txt); font-weight: 800; } .rr-num-nulo { color: var(--rr-subtext-txt); font-weight: 600; }
.rr-pilula { display: inline-flex; align-items: center; gap: .1rem; border-radius: 6px; padding: .18rem .5rem; font-size: .76rem; font-weight: 700; white-space: nowrap; }
.rr-p-critico { background: var(--rr-critical-bg); color: var(--rr-critical-txt); } .rr-p-aviso { background: var(--rr-warning-bg); color: var(--rr-warning-txt); } .rr-p-info { background: var(--rr-info-bg); color: var(--rr-info-txt); } .rr-p-ok { background: var(--rr-success-bg); color: var(--rr-success-txt); } .rr-p-neutro { background: var(--rr-neutral-bg); color: var(--rr-chip-txt); }
.rr-prio { width: 24px; height: 24px; border-radius: 50%; display: inline-grid; place-items: center; font-size: .78rem; font-weight: 800; flex: none; background: var(--rr-neutral-bg); color: var(--rr-chip-txt); }
.rr-prio-critica { background: var(--rr-critical-bg); color: var(--rr-critical-txt); } .rr-prio-alta { background: var(--rr-warning-bg); color: var(--rr-warning-txt); }
.rr-fila { display: flex; flex-direction: column; }
.rr-fila-item { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: .3rem .6rem; align-items: center; min-height: 52px; width: 100%; text-align: left; background: none; color: var(--rr-text); border: 0; border-top: 1px solid var(--rr-line); border-radius: 0; padding: .45rem .2rem; cursor: pointer; font: inherit; }
.rr-fila-item:first-child { border-top: 0; } .rr-fila-item:hover { background: var(--rr-blue-soft); }
.rr-fila-reg { min-width: 0; } .rr-fila-reg b { display: block; font-size: .88rem; overflow-wrap: anywhere; } .rr-fila-reg small { display: block; color: var(--rr-subtext-txt); font-size: .76rem; }
.rr-fila-dir { grid-column: 2; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: .2rem; } .rr-fila-tempo { font-size: .76rem; font-weight: 650; }
.rr-vazio { border: 1px dashed var(--rr-campo-borda); border-radius: 10px; padding: .9rem; color: var(--rr-subtext-txt); font-size: .88rem; } .rr-vazio strong { color: var(--rr-text); }
.rr-aviso-linha { border-radius: 10px; padding: .55rem .75rem; margin: 0 0 .6rem; font-size: .84rem; background: var(--rr-warning-bg); color: var(--rr-warning-txt); }
.rr-secao { display: flex; flex-direction: column; gap: .8rem; }

/* filtros: chips de condominio e de periodo (no desktop ficam no cabecalho; no celular, no topo da tela) */
.rr-chips { display: flex; gap: .4rem; flex-wrap: nowrap; overflow-x: auto; padding-bottom: .2rem; scrollbar-width: thin; }
.rr-chips button { flex: 0 0 auto; border: 0; background: var(--rr-neutral-bg); color: var(--rr-chip-txt); padding: 0 1rem; border-radius: 8px; min-height: 44px; font-weight: 650; font-size: .95rem; cursor: pointer; width: auto; white-space: nowrap; }
.rr-chips button:hover { background: var(--rr-info-bg); }
.rr-chips button[aria-pressed='true'] { background: var(--rr-btn); color: #fff; }
.rr-chips.rr-unico button { cursor: default; }
.rr-barra-filtros { display: flex; flex-direction: column; gap: .5rem; margin: 0 0 .8rem; min-width: 0; }
button.rr-atualizado { margin: 0; font-size: .85rem; font-weight: 500; color: var(--rr-subtext-txt); background: none; border: 0; padding: 0; min-height: 44px; width: auto; align-self: flex-start; text-align: left; border-radius: 6px; }
button.rr-atualizado:hover:not(:disabled) { background: none; color: var(--rr-info-txt); text-decoration: underline; }
#titulo-topo { margin: 0; }
.rr-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 3px; background: var(--rr-neutral-bg); border-radius: 10px; padding: 3px; margin: 0 0 .8rem; }
.rr-seg button { border: 0; background: none; border-radius: 8px; padding: .5rem .3rem; min-height: 44px; font-weight: 650; font-size: .88rem; color: var(--rr-chip-txt); cursor: pointer; width: auto; }
.rr-seg button[aria-pressed='true'] { background: var(--rr-panel); color: var(--rr-text); box-shadow: 0 1px 3px rgba(22, 42, 63, .18); font-weight: 800; }

/* saudacao do celular */
.rr-ola { margin: 0 0 .8rem; } .rr-ola .rr-ola-lin { display: flex; align-items: center; justify-content: flex-start; gap: .75rem; margin-top: 0; }
.rr-ola-av { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex: none; display: block; } .rr-ola-av .rr-av { width: 100%; height: 100%; }
.rr-ola b { display: block; font-size: 1.15rem; } .rr-ola small { display: block; color: var(--rr-subtext-txt); font-size: .85rem; }
.rr-cond-lista { display: grid; gap: .45rem; }
.rr-cond-cartao { text-align: left; background: var(--rr-panel); border: 1px solid var(--rr-line); border-radius: 12px; padding: .65rem .75rem; display: grid; gap: .3rem; cursor: pointer; color: var(--rr-text); font: inherit; min-height: 44px; width: 100%; }
.rr-cond-cartao.ativa { border-color: var(--rr-blue); box-shadow: inset 3px 0 0 var(--rr-blue); }
.rr-cond-met { display: flex; flex-wrap: wrap; gap: .2rem .9rem; font-size: .8rem; color: var(--rr-subtext-txt); } .rr-cond-met b { color: var(--rr-text); font-variant-numeric: tabular-nums; }

/* detalhe das cinco perguntas (fechado por padrao) */
.rr-detalhe-cinco > summary { cursor: pointer; font-weight: 700; padding: .7rem 1rem; background: var(--rr-panel); border: 1px solid var(--rr-line); border-radius: 12px; color: var(--rr-text); min-height: 44px; display: flex; align-items: center; }
.rr-detalhe-cinco[open] > summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.rr-detalhe-corpo { display: flex; flex-direction: column; gap: .9rem; padding: .8rem 0 0; }
.rr-detalhe-corpo .pergunta h3 { margin: 0; font-size: 1rem; text-transform: none; letter-spacing: 0; color: var(--rr-text); }

/* tela "em especificacao" (itens do menu sem tela, contrato de API nem teste ainda) */
.rr-espec-faixa { display: flex; gap: .8rem; align-items: flex-start; background: #f4effb; border: 1px dashed #b9a2e0; border-radius: 12px; padding: .85rem 1rem; margin: 0 0 .9rem; color: #3f2a73; }
.rr-espec-faixa p { margin: .15rem 0 0; font-size: .9rem; } .rr-espec-ico { width: 38px; height: 38px; border-radius: 50%; background: var(--rr-purple); color: #fff; display: grid; place-items: center; flex: none; }
.rr-espec-txt { margin: 0; padding: .1rem .2rem .3rem; line-height: 1.5; max-width: 70ch; }
.rr-mais-item { display: flex; align-items: center; gap: .8rem; width: 100%; min-height: 52px; padding: .6rem .8rem; border: 1px solid var(--rr-line); border-radius: 12px; background: var(--rr-panel); color: var(--rr-text); font: inherit; font-weight: 650; cursor: pointer; text-align: left; }
.rr-mais-item[aria-current='page'] { border-color: var(--rr-blue); background: var(--rr-info-bg); color: var(--rr-info-txt); }

/* cabecalho (desktop): titulo + subtitulo, filtros, data e avatar */
.rr-topo-sub2, .rr-filtros-topo, .rr-data-topo { display: none; }
.rr-avatar-btn { background: none; border: 0; padding: 0; min-height: 44px; min-width: 44px; border-radius: 50%; display: inline-grid; place-items: center; cursor: pointer; width: auto; }
.rr-avatar-btn .rr-av { width: 36px; height: 36px; border: 2px solid rgba(255, 255, 255, .85); }

@media (min-width: 760px) {
  .rr-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
  .rr-kpis .rr-kpi:nth-child(5) { grid-column: span 2; }
  .rr-kpi { padding: .85rem .95rem .7rem; } .rr-kpi-cab { min-height: 2.6rem; } .rr-kpi-cab h3 { font-size: .92rem; } .rr-kpi-num { font-size: 2.15rem; }
  .rr-ico-btn { width: 32px; height: 32px; }
  .rr-kpi-acoes { position: absolute; top: .5rem; right: .5rem; margin: 0; padding: 0; opacity: 0; transition: opacity .12s; }
  .rr-kpi:hover .rr-kpi-acoes, .rr-kpi:focus-within .rr-kpi-acoes { opacity: 1; }
  @media (hover: none) { .rr-kpi-acoes { opacity: 1; } }
  .rr-chips button { min-height: 34px; padding: .2rem .8rem; font-size: .88rem; }
  .rr-chips { overflow: visible; flex-wrap: wrap; padding: 0; }
  .rr-fila-item { grid-template-columns: 26px minmax(0, 1fr) auto; } .rr-fila-dir { grid-column: auto; flex-direction: column; align-items: flex-end; }
  body.rr-com-nav .rr-topo-sub2 { display: block; font-size: .8rem; font-weight: 500; color: var(--rr-subtext-txt); }
  body.rr-com-nav #titulo-topo { display: flex; flex-direction: column; min-width: 0; }
  body.rr-com-nav .rr-filtros-topo { display: flex; flex-wrap: wrap; gap: .4rem .7rem; align-items: center; justify-content: flex-end; flex: 1 1 auto; }
  body.rr-com-nav .rr-data-topo { display: inline-flex; border: 1px solid var(--rr-line); border-radius: 8px; padding: .3rem .6rem; font-size: .82rem; color: var(--rr-chip-txt); background: var(--rr-panel); font-variant-numeric: tabular-nums; white-space: nowrap; }
  body.rr-com-nav .rr-topo > .espaco { display: none; }
  body.rr-com-nav .rr-topo { align-items: center; }
  /* itens do menu sem tela: pontilhados, como no prototipo */
  .rr-nav button.espec:not([aria-current='page']) { color: #a9c2d3; }
  .rr-nav button.espec .rr-nav-rot { text-decoration: underline dotted rgba(169, 194, 211, .55); text-underline-offset: 3px; }
}
@media (min-width: 1200px) { .rr-duas { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } }
@media (min-width: 1280px) { .rr-kpis { grid-template-columns: repeat(5, minmax(0, 1fr)); } .rr-kpis .rr-kpi:nth-child(5) { grid-column: auto; } }
@media (max-width: 759.98px) {
  .rr-topo-sub { display: none; }
  .rr-topo .rr-marca svg { display: none; }   /* no celular a referencia mostra so o nome RRsul */
  .rr-barra-filtros { gap: .25rem; margin: 0 0 .4rem; }
  main > .pilha { gap: 10px; }
  .rr-nav .rr-nav-rot { font-size: .68rem; }
}
@media (prefers-reduced-motion: no-preference) { .rr-progresso > span { transition: width .3s; } }