/* ---------- Tokens --------------------------------------------------------------------------
   Destaque = cor escolhida pelo usuário na engrenagem (--godi-base). Situação em 3 tons que passam
   4.5:1 sobre o cartão e nunca aparecem sozinhos (sempre com texto ou sinal). */
.rc{
    --rc-tinta:#172130; --rc-texto:#344054; --rc-suave:#5d6878; --rc-linha:#e3e7ec; --rc-linha-forte:#cfd5dd;
    --rc-cartao:#fff; --rc-fundo:#f6f7f9; --rc-base: var(--godi-base, #004080);
    --rc-base-suave: color-mix(in srgb, var(--rc-base) 10%, transparent);
    --rc-acima:#0e6e5c;   --rc-acima-ponto:#12866f;   --rc-acima-fundo:#e6f4f0;
    --rc-abaixo:#b54708;  --rc-abaixo-ponto:#e07a10;  --rc-abaixo-fundo:#fdf1e3;
    --rc-prej:#b42318;    --rc-prej-ponto:#d92d20;    --rc-prej-fundo:#fef1f0;
    --rc-serif:'Newsreader', Georgia, serif; --rc-sans:'Figtree', 'Source Sans Pro', system-ui, sans-serif;
    --rc-raio:16px; --rc-ease:cubic-bezier(.2,.7,.2,1);
    font-family:var(--rc-sans); color:var(--rc-texto); font-size:.9375rem; padding:26px 8px 56px;
}
.dark-mode .rc{
    --rc-tinta:#f1f3f6; --rc-texto:#d5dae1; --rc-suave:#a9b2bd; --rc-linha:#4b535c; --rc-linha-forte:#5d6670;
    --rc-cartao:#343a40; --rc-fundo:#3c434a; --rc-base-suave: color-mix(in srgb, var(--rc-base) 30%, transparent);
    --rc-acima:#6fd3ae;  --rc-acima-ponto:#3fbf95;  --rc-acima-fundo:rgba(63,191,149,.16);
    --rc-abaixo:#fdb35c; --rc-abaixo-ponto:#f59532; --rc-abaixo-fundo:rgba(245,149,50,.16);
    --rc-prej:#fda29b;   --rc-prej-ponto:#f97066;   --rc-prej-fundo:rgba(249,112,102,.16);
}
.rc *, .rc *::before, .rc *::after{ box-sizing:border-box; }
.rc .tab{ font-variant-numeric: tabular-nums; }
.rc button{ font-family:inherit; }
.rc :focus-visible{ outline:3px solid var(--rc-base); outline-offset:2px; border-radius:6px; }

/* ---------- Topo: a frase-tese ---------- */
.rc-topo{ display:flex; gap:24px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin-bottom:22px; }
.rc-olho{ font-size:.75rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--rc-suave); margin:0 0 10px; }
.rc-olho a{ color:inherit; text-decoration:none; }
.rc-olho a:hover{ color:var(--rc-base); }
.rc-tese{ font-family:var(--rc-serif); font-weight:500; color:var(--rc-tinta); font-size:clamp(1.65rem, 1.2rem + 1.5vw, 2.45rem);
    line-height:1.12; letter-spacing:-.018em; margin:0; max-width:30ch; text-wrap:balance; }
.rc-tese-detalhe{ font-family:var(--rc-serif); font-style:italic; font-size:1.18rem; line-height:1.45; color:var(--rc-suave); margin:12px 0 0; max-width:62ch; }
.rc-topo-acoes{ display:flex; flex-direction:column; gap:10px; align-items:flex-end; padding-top:22px; }

/* ---------- Botões ---------- */
.rc-botao{ display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 18px; border-radius:999px; font-weight:600; font-size:.9rem;
    border:1px solid var(--rc-linha-forte); background:var(--rc-cartao); color:var(--rc-tinta); cursor:pointer; text-decoration:none !important;
    transition:background .2s var(--rc-ease), border-color .2s var(--rc-ease), transform .15s var(--rc-ease), box-shadow .2s var(--rc-ease); }
.rc-botao:hover{ border-color:var(--rc-base); color:var(--rc-base); box-shadow:0 4px 14px -8px rgba(16,24,40,.35); }
.rc-botao:active{ transform:translateY(1px); }
.rc-botao.cheio{ background:var(--rc-base); border-color:var(--rc-base); color:#fff; }
.rc-botao.cheio:hover{ color:#fff; filter:brightness(1.08); }
.rc-botao[aria-disabled="true"]{ opacity:.55; pointer-events:none; }

/* ---------- Filtros ---------- */
.rc-filtros{ display:flex; flex-wrap:wrap; gap:12px 18px; align-items:flex-end; background:var(--rc-cartao); border:1px solid var(--rc-linha);
    border-radius:var(--rc-raio); padding:14px 16px; margin-bottom:22px; position:sticky; top:calc(var(--godi-header-altura, 3.5rem) + 8px); z-index:20;
    box-shadow:0 10px 24px -22px rgba(16,24,40,.6); }
.rc-campo{ display:flex; flex-direction:column; gap:5px; }
.rc-campo > span{ font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--rc-suave); }
.rc-segmentos{ display:inline-flex; background:var(--rc-fundo); border-radius:999px; padding:4px; gap:2px; flex-wrap:wrap; }
.rc-segmentos button{ min-height:36px; padding:0 14px; border:0; border-radius:999px; background:transparent; color:var(--rc-texto); font-weight:600; font-size:.86rem; cursor:pointer;
    transition:background .2s var(--rc-ease), color .2s var(--rc-ease); }
.rc-segmentos button:hover{ color:var(--rc-tinta); background:var(--rc-cartao); }
.rc-segmentos button[aria-pressed="true"]{ background:var(--rc-tinta); color:var(--rc-cartao); }
.rc select{ min-height:40px; border:1px solid var(--rc-linha-forte); border-radius:10px; background:var(--rc-cartao); color:var(--rc-tinta); padding:0 34px 0 12px;
    font:inherit; font-size:.9rem; appearance:none; cursor:pointer;
    background-image:linear-gradient(45deg, transparent 50%, var(--rc-suave) 50%), linear-gradient(135deg, var(--rc-suave) 50%, transparent 50%);
    background-position:calc(100% - 17px) 17px, calc(100% - 12px) 17px; background-size:5px 5px; background-repeat:no-repeat;
    transition:border-color .2s var(--rc-ease); }
.rc select:hover{ border-color:var(--rc-base); }
.rc-personalizado{ display:flex; gap:8px; align-items:flex-end; }
.rc-personalizado[hidden]{ display:none; }
.rc-estado{ display:flex; align-items:center; gap:8px; font-size:.84rem; color:var(--rc-suave); margin:0; }
.rc-estado .rc-pulso{ width:8px; height:8px; border-radius:50%; background:var(--rc-acima-ponto); }
.rc.carregando .rc-estado .rc-pulso{ background:var(--rc-base); animation:rc-pulso 1s infinite var(--rc-ease); }
.rc.com-erro .rc-estado .rc-pulso{ background:var(--rc-prej-ponto); }
@keyframes rc-pulso{ 50%{ transform:scale(1.8); opacity:.35; } }

/* ---------- Aviso de erro ---------- */
.rc-erro{ display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; border:1px solid var(--rc-prej); background:var(--rc-prej-fundo);
    color:var(--rc-tinta); border-radius:12px; padding:12px 16px; margin:-8px 0 20px; }
.rc-erro[hidden]{ display:none; }
.rc-erro strong{ color:var(--rc-prej); }

/* ---------- Indicadores ---------- */
.rc-kpis{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:0; background:var(--rc-cartao); border:1px solid var(--rc-linha); border-radius:var(--rc-raio); margin-bottom:22px; overflow:hidden; }
.rc-kpi{ padding:18px 20px 18px; border-left:1px solid var(--rc-linha); min-width:0; }
.rc-kpi:first-child{ border-left:0; }
.rc-kpi dt{ font-size:.75rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--rc-suave); margin:0 0 8px; }
.rc-kpi dd{ margin:0; }
.rc-kpi-valor{ display:block; font-family:var(--rc-serif); font-weight:600; font-size:clamp(1.55rem, 1.2rem + .9vw, 2.05rem); line-height:1.05; color:var(--rc-tinta);
    letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:opacity .25s var(--rc-ease); }
.rc-kpi-comp{ display:block; margin-top:8px; font-size:.82rem; color:var(--rc-suave); }
.rc-kpi-comp b{ font-weight:700; }
.rc-kpi-comp .bom{ color:var(--rc-acima); } .rc-kpi-comp .ruim{ color:var(--rc-abaixo); }
.rc-meta-trilho{ display:block; position:relative; height:6px; border-radius:6px; background:var(--rc-fundo); margin-top:10px; }
.rc-meta-trilho i{ display:block; position:absolute; inset:0 auto 0 0; border-radius:6px; background:var(--rc-abaixo-ponto); transition:width .6s var(--rc-ease); }
.rc-meta-trilho i.ok{ background:var(--rc-acima-ponto); }
.rc-meta-trilho b{ display:block; position:absolute; top:-4px; width:2px; height:14px; background:var(--rc-tinta); border-radius:2px; }
.rc.carregando .rc-kpi-valor, .rc.carregando .rc-tese, .rc.carregando .rc-tese-detalhe{ opacity:.45; }
.rc-piscar{ animation:rc-piscar .9s var(--rc-ease); }
@keyframes rc-piscar{ 0%{ background:var(--rc-base-suave); } 100%{ background:transparent; } }

/* ---------- Mapa + quadrantes ---------- */
.rc-meio{ display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:22px; margin-bottom:22px; }
.rc-cartao{ background:var(--rc-cartao); border:1px solid var(--rc-linha); border-radius:var(--rc-raio); padding:20px 22px; min-width:0; }
.rc-cartao-topo{ display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap; margin-bottom:12px; }
.rc-cartao h2{ font-family:var(--rc-serif); font-weight:600; font-size:1.4rem; letter-spacing:-.01em; color:var(--rc-tinta); margin:0; }
.rc-cartao-sub{ margin:4px 0 0; font-size:.86rem; color:var(--rc-suave); max-width:60ch; }
.rc-legenda{ display:flex; gap:14px; flex-wrap:wrap; font-size:.8rem; color:var(--rc-texto); margin:0; padding:0; list-style:none; }
.rc-legenda li{ display:flex; align-items:center; gap:6px; }
.rc-legenda i{ width:10px; height:10px; border-radius:50%; display:inline-block; }
.rc-mapa{ position:relative; height:440px; transition:opacity .25s var(--rc-ease); }
.rc.carregando .rc-mapa{ opacity:.5; }
.rc-mapa-vazio{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--rc-suave); font-family:var(--rc-serif); font-size:1.15rem; }
.rc-mapa-vazio[hidden]{ display:none; }
.rc-mapa-nota{ margin:10px 0 0; font-size:.8rem; color:var(--rc-suave); }

.rc-quadrantes{ display:flex; flex-direction:column; gap:10px; }
.rc-quadrantes h2{ margin-bottom:2px; }
.rc-q{ display:grid; grid-template-columns:4px 1fr auto; gap:0 12px; text-align:left; width:100%; padding:12px 14px 12px 0; min-height:64px;
    border:1px solid var(--rc-linha); border-radius:12px; background:var(--rc-cartao); color:var(--rc-texto); cursor:pointer;
    transition:border-color .2s var(--rc-ease), background .2s var(--rc-ease), transform .15s var(--rc-ease); }
.rc-q::before{ content:""; grid-row:1 / span 2; border-radius:0 4px 4px 0; background:var(--q-cor); }
.rc-q:hover{ border-color:var(--q-cor); transform:translateX(2px); }
.rc-q[aria-pressed="true"]{ background:var(--q-fundo); border-color:var(--q-cor); }
.rc-q-nome{ font-weight:700; color:var(--rc-tinta); font-size:.95rem; }
.rc-q-desc{ grid-column:2; font-size:.8rem; color:var(--rc-suave); line-height:1.35; }
.rc-q-num{ grid-row:1 / span 2; grid-column:3; text-align:right; align-self:center; }
.rc-q-num strong{ display:block; font-family:var(--rc-serif); font-size:1.35rem; font-weight:600; color:var(--q-texto); line-height:1; }
.rc-q-num span{ font-size:.75rem; color:var(--rc-suave); white-space:nowrap; }
.rc-q[data-q="proteger"], .rc-q[data-q="crescer"]{ --q-cor:var(--rc-acima-ponto); --q-fundo:var(--rc-acima-fundo); --q-texto:var(--rc-acima); }
.rc-q[data-q="renegociar"], .rc-q[data-q="rever"]{ --q-cor:var(--rc-abaixo-ponto); --q-fundo:var(--rc-abaixo-fundo); --q-texto:var(--rc-abaixo); }
.rc-q[data-q="prejuizo"]{ --q-cor:var(--rc-prej-ponto); --q-fundo:var(--rc-prej-fundo); --q-texto:var(--rc-prej); }
.rc-concentracao{ margin-top:6px; padding-top:14px; border-top:1px dashed var(--rc-linha-forte); }
.rc-concentracao p{ margin:0 0 8px; font-size:.86rem; color:var(--rc-texto); }
.rc-concentracao strong{ font-family:var(--rc-serif); font-size:1.1rem; color:var(--rc-tinta); }
.rc-barra-conc{ display:flex; height:10px; border-radius:6px; overflow:hidden; background:var(--rc-fundo); }
.rc-barra-conc i{ display:block; height:100%; transition:width .6s var(--rc-ease); }
.rc-barra-conc i:nth-child(1){ background:var(--rc-base); }
.rc-barra-conc i:nth-child(2){ background:color-mix(in srgb, var(--rc-base) 45%, transparent); }

/* ---------- Tabela ---------- */
.rc-tabela-topo{ display:flex; gap:12px 16px; align-items:center; flex-wrap:wrap; margin-bottom:14px; }
.rc-tabela-topo h2{ margin-right:auto; }
.rc-busca{ position:relative; }
.rc-busca input{ min-height:42px; width:min(320px, 80vw); border:1px solid var(--rc-linha-forte); border-radius:999px; padding:0 16px 0 40px; font:inherit; font-size:.9rem;
    background:var(--rc-cartao); color:var(--rc-tinta); transition:border-color .2s var(--rc-ease), box-shadow .2s var(--rc-ease); }
.rc-busca input:focus{ border-color:var(--rc-base); box-shadow:0 0 0 4px var(--rc-base-suave); outline:none; }
.rc-busca .fas{ position:absolute; left:15px; top:50%; transform:translateY(-50%); color:var(--rc-suave); font-size:.85rem; }
.rc-chip{ display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 8px 0 14px; border-radius:999px; background:var(--rc-base-suave); color:var(--rc-tinta);
    font-size:.84rem; font-weight:600; border:0; cursor:pointer; }
.rc-chip[hidden]{ display:none; }
.rc-chip span[aria-hidden]{ display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--rc-cartao); }
.rc-rolagem{ overflow-x:auto; margin:0 -22px; padding:0 22px; }
.rc table{ width:100%; border-collapse:separate; border-spacing:0; min-width:760px; }
.rc th{ font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--rc-suave); text-align:right; padding:0 12px 10px; border-bottom:1px solid var(--rc-linha-forte); white-space:nowrap; }
.rc th:first-child, .rc td:first-child{ text-align:left; padding-left:0; }
.rc th button{ all:unset; cursor:pointer; display:inline-flex; gap:6px; align-items:center; min-height:32px; border-radius:6px; }
.rc th button:hover{ color:var(--rc-tinta); }
.rc th button:focus-visible{ outline:3px solid var(--rc-base); outline-offset:2px; }
.rc th[aria-sort="ascending"] button, .rc th[aria-sort="descending"] button{ color:var(--rc-tinta); }
.rc td{ padding:11px 12px; border-bottom:1px solid var(--rc-linha); text-align:right; vertical-align:middle; color:var(--rc-texto); white-space:nowrap; }
.rc tbody tr{ transition:background .15s var(--rc-ease); }
.rc tbody tr:hover{ background:var(--rc-fundo); }
.rc-cliente-btn{ all:unset; cursor:pointer; display:flex; flex-direction:column; gap:2px; max-width:330px; border-radius:6px; }
.rc-cliente-btn strong{ color:var(--rc-tinta); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rc-cliente-btn:hover strong{ color:var(--rc-base); text-decoration:underline; text-underline-offset:3px; }
.rc-cliente-btn:focus-visible{ outline:3px solid var(--rc-base); outline-offset:3px; }
.rc-selo{ display:inline-flex; align-items:center; gap:5px; font-size:.72rem; font-weight:700; letter-spacing:.02em; padding:2px 8px; border-radius:999px; width:max-content; }
.rc-selo.acima{ background:var(--rc-acima-fundo); color:var(--rc-acima); }
.rc-selo.abaixo{ background:var(--rc-abaixo-fundo); color:var(--rc-abaixo); }
.rc-selo.prejuizo{ background:var(--rc-prej-fundo); color:var(--rc-prej); }
.rc-fat{ display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.rc-fat i{ display:block; height:4px; border-radius:4px; background:color-mix(in srgb, var(--rc-base) 55%, transparent); min-width:2px; }
.rc-rent{ font-weight:700; }
.rc-rent.acima{ color:var(--rc-acima); } .rc-rent.abaixo{ color:var(--rc-abaixo); } .rc-rent.prejuizo{ color:var(--rc-prej); }
.rc-var{ display:block; font-size:.76rem; font-weight:500; color:var(--rc-suave); }
.rc-vazio{ text-align:center !important; padding:46px 12px !important; color:var(--rc-suave); white-space:normal !important; }
.rc-vazio strong{ display:block; font-family:var(--rc-serif); font-size:1.2rem; color:var(--rc-tinta); margin-bottom:6px; }
.rc-paginacao{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:14px; font-size:.86rem; color:var(--rc-suave); }
.rc-paginacao div{ display:flex; gap:8px; }

/* ---------- Painel lateral do cliente ---------- */
.rc-veu{ position:fixed; inset:0; background:rgba(16,24,40,.42); z-index:1050; opacity:0; transition:opacity .25s var(--rc-ease); }
.rc-veu.aberto{ opacity:1; }
.rc-gaveta{ position:fixed; top:0; right:0; bottom:0; width:min(620px, 100vw); background:var(--rc-cartao); z-index:1051; display:flex; flex-direction:column;
    transform:translateX(100%); transition:transform .32s var(--rc-ease); box-shadow:-24px 0 48px -24px rgba(16,24,40,.45); font-family:var(--rc-sans); color:var(--rc-texto); }
.rc-gaveta.aberta{ transform:none; }
.rc-gaveta[hidden], .rc-veu[hidden]{ display:none; }
.rc-gaveta-topo{ padding:22px 24px 16px; border-bottom:1px solid var(--rc-linha); display:flex; gap:16px; align-items:flex-start; }
.rc-gaveta-topo h2{ font-family:var(--rc-serif); font-weight:600; font-size:1.55rem; line-height:1.15; letter-spacing:-.01em; color:var(--rc-tinta); margin:0 0 8px; }
.rc-fechar{ margin-left:auto; flex:none; width:44px; height:44px; border-radius:50%; border:1px solid var(--rc-linha-forte); background:var(--rc-cartao); color:var(--rc-tinta);
    cursor:pointer; display:grid; place-items:center; transition:background .2s var(--rc-ease), transform .2s var(--rc-ease); }
.rc-fechar:hover{ background:var(--rc-fundo); transform:rotate(90deg); }
.rc-gaveta-corpo{ overflow-y:auto; padding:18px 24px 32px; flex:1; }
.rc-mini{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; margin-bottom:20px; }
.rc-mini div{ background:var(--rc-fundo); border-radius:12px; padding:10px 12px; }
.rc-mini span{ display:block; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--rc-suave); }
.rc-mini strong{ display:block; font-family:var(--rc-serif); font-size:1.15rem; font-weight:600; color:var(--rc-tinta); margin-top:2px; white-space:nowrap; }
.rc-gaveta h3{ font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--rc-suave); margin:22px 0 10px; }
.rc-serie{ position:relative; height:220px; }
.rc-gaveta table{ min-width:0; }
.rc-gaveta td, .rc-gaveta th{ padding-left:8px; padding-right:8px; font-size:.84rem; }
.rc-gaveta td.rota{ white-space:normal; text-align:left; color:var(--rc-suave); max-width:190px; }
.rc-esqueleto{ display:block; height:14px; border-radius:6px; margin:10px 0; background:linear-gradient(90deg, var(--rc-fundo) 25%, var(--rc-linha) 50%, var(--rc-fundo) 75%);
    background-size:200% 100%; animation:rc-brilho 1.2s infinite linear; }
@keyframes rc-brilho{ to{ background-position:-200% 0; } }

/* ---------- Responsivo ---------- */
@media (max-width: 1200px){ .rc-meio{ grid-template-columns:1fr; } .rc-quadrantes{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); } .rc-quadrantes h2, .rc-concentracao{ grid-column:1 / -1; } }
@media (max-width: 992px){ .rc-kpis{ grid-template-columns:repeat(2, minmax(0,1fr)); } .rc-kpi{ border-left:0; border-top:1px solid var(--rc-linha); } .rc-kpi:nth-child(-n+2){ border-top:0; } .rc-kpi:nth-child(even){ border-left:1px solid var(--rc-linha); } .rc-kpi:last-child{ grid-column:1 / -1; } }
@media (max-width: 576px){ .rc{ padding-top:16px; } .rc-kpi{ padding:14px; } .rc-kpi-valor{ font-size:1.35rem; white-space:normal; } .rc-segmentos{ flex-wrap:nowrap; overflow-x:auto; max-width:calc(100vw - 72px); scrollbar-width:none; } .rc-segmentos button{ flex:none; } .rc-topo-acoes{ align-items:flex-start; padding-top:0; } .rc-mapa{ height:340px; } .rc-mini{ grid-template-columns:repeat(2, minmax(0,1fr)); } .rc-filtros{ position:static; } .rc-cartao{ padding:16px; } .rc-rolagem{ margin:0 -16px; padding:0 16px; } }
@media (prefers-reduced-motion: reduce){ .rc *, .rc-gaveta, .rc-veu{ transition:none !important; animation:none !important; } }