/* Colinha Digital · /assets/ranking.css — componente de rankings por indicador (frente RANKING, 11/10/2026).
   Herda as cores da página: portal (--bg2 --text --muted --border --blue) ou mapa (--card --ink --mut --line --ac). */
.cdr{--rk-sf:var(--bg2,var(--card,#fff));--rk-sf2:var(--bg3,var(--card2,#f3f5f9));--rk-ink:var(--text,var(--ink,#0b0f17));--rk-ink2:var(--muted2,var(--mut,#3f4b63));
  --rk-mut:var(--muted,var(--mut,#5b6880));--rk-line:var(--border,var(--line,#d9dfea));--rk-ac:var(--blue,var(--ac,#2983ec));
  --rk1:#2a78d6;--rk2:#eb6834;--rk3:#1baf7a;--rk4:#eda100;--rk5:#e87ba4;--rk6:#008300;--rk7:#4a3aa7;--rk8:#e34948;
  --rk-grid:rgba(11,15,23,.08);--rk-axis:rgba(11,15,23,.22);--rk-avg:#898781;
  color:var(--rk-ink);font-size:14px;line-height:1.45}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cdr{--rk1:#3987e5;--rk2:#d95926;--rk3:#199e70;--rk4:#c98500;--rk5:#d55181;--rk6:#008300;--rk7:#9085e9;--rk8:#e66767;--rk-grid:rgba(255,255,255,.07);--rk-axis:rgba(255,255,255,.2)}}
:root[data-theme="dark"] .cdr,body:not(.light) .cdr.cdr-mapa{--rk1:#3987e5;--rk2:#d95926;--rk3:#199e70;--rk4:#c98500;--rk5:#d55181;--rk6:#008300;--rk7:#9085e9;--rk8:#e66767;--rk-grid:rgba(255,255,255,.07);--rk-axis:rgba(255,255,255,.2)}
:root[data-theme="light"] .cdr,body.light .cdr.cdr-mapa{--rk1:#2a78d6;--rk2:#eb6834;--rk3:#1baf7a;--rk4:#eda100;--rk5:#e87ba4;--rk6:#008300;--rk7:#4a3aa7;--rk8:#e34948;--rk-grid:rgba(11,15,23,.08);--rk-axis:rgba(11,15,23,.22)}
.cdr *{box-sizing:border-box}
.cdr h3,.cdr h4{margin:0}
.cdr-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 6px}
.cdr-h h3{font-size:16px;font-weight:900;letter-spacing:-.01em}
.cdr-aviso{font-size:12.5px;color:var(--rk-mut);margin:0 0 10px}
.cdr-load,.cdr-vazio{color:var(--rk-mut);font-size:13px;margin:6px 0}
.cdr-g{margin:12px 0 4px}
.cdr-g>h4{font-size:13px;font-weight:800;color:var(--rk-ink2);margin:0 0 8px;text-transform:none}
.cdr-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--rk-line);border-radius:10px;background:var(--rk-sf2);flex-wrap:wrap;margin:0 6px 8px 0}
.cdr-seg button{border:0;background:none;color:var(--rk-ink2);font:700 12.5px/1.2 inherit;font-family:inherit;padding:6px 10px;border-radius:7px;cursor:pointer;min-height:30px}
.cdr-seg button[aria-pressed="true"]{background:var(--rk-sf);color:var(--rk-ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.cdr-seg button:focus-visible{outline:2px solid var(--rk-ac);outline-offset:1px}
.cdr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.cdr-compacto .cdr-cards{grid-template-columns:1fr}
.cdr-card{border:1px solid var(--rk-line);border-radius:12px;padding:10px 12px;background:var(--rk-sf);min-width:0;display:flex;flex-direction:column;gap:3px}
.cdr-card .cdr-t{font-size:12px;font-weight:700;color:var(--rk-mut);display:flex;justify-content:space-between;gap:6px}
.cdr-card .cdr-pos{font-size:20px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cdr-card .cdr-pos small{font-size:12.5px;font-weight:700;color:var(--rk-mut);letter-spacing:0}
.cdr-card .cdr-v{font-size:12.5px;color:var(--rk-ink2)}
.cdr-card .cdr-v b{color:var(--rk-ink);font-variant-numeric:tabular-nums}
.cdr-card a.cdr-lk{font-size:12px;font-weight:700;color:var(--rk-ac);text-decoration:none;margin-top:2px}
.cdr-card a.cdr-lk:hover{text-decoration:underline}
.cdr-bar{position:relative;height:6px;border-radius:3px;background:var(--rk-sf2);border:1px solid var(--rk-line);margin:4px 0 2px}
.cdr-bar i{position:absolute;top:-4px;width:4px;height:12px;border-radius:2px;background:var(--rk-ac);transform:translateX(-2px)}
.cdr-bar u{position:absolute;top:-2px;width:2px;height:8px;background:var(--rk-avg);transform:translateX(-1px);text-decoration:none}
.cdr-leg2{font-size:11px;color:var(--rk-mut);display:flex;gap:10px;flex-wrap:wrap}
.cdr-leg2 span::before{content:"";display:inline-block;width:10px;height:3px;border-radius:2px;background:var(--rk-ac);vertical-align:middle;margin-right:4px}
.cdr-leg2 span.m::before{background:var(--rk-avg)}
.cdr-mais{display:inline-flex;margin-top:10px;font-weight:800;font-size:13px;color:var(--rk-ac);text-decoration:none}
.cdr-mais:hover{text-decoration:underline}
.cdr-fonte{font-size:11.5px;color:var(--rk-mut);margin-top:8px}
.cdr-fonte a{color:var(--rk-ac)}
/* gráfico de linhas */
.cdr-ch{position:relative;min-width:0}
.cdr-ch svg{display:block;width:100%;overflow:visible;touch-action:pan-y}
.cdr-ch svg:focus{outline:none}.cdr-ch svg:focus-visible{outline:2px solid var(--rk-ac);outline-offset:2px;border-radius:6px}
.cdr-ch .gr{stroke:var(--rk-grid);stroke-width:1}
.cdr-ch .ax{stroke:var(--rk-axis);stroke-width:1}
.cdr-ch .tk{fill:var(--rk-mut);font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums}
.cdr-ch .ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.cdr-ch .ln.avg{stroke:var(--rk-avg);stroke-dasharray:5 4}
.cdr-ch .pt{stroke:var(--rk-sf);stroke-width:2}
.cdr-ch .xh{stroke:var(--rk-mut);stroke-width:1;stroke-dasharray:3 3}
.cdr-ch .dl{font-size:11px;font-weight:700;fill:var(--rk-ink2)}
.cdr-tip{position:absolute;z-index:5;pointer-events:none;background:var(--rk-sf);border:1px solid var(--rk-line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:8px 10px;font-size:12px;min-width:150px;max-width:260px}
.cdr-tip .ty{font-weight:800;color:var(--rk-mut);margin-bottom:4px;font-size:11.5px}
.cdr-tip .tr{display:flex;align-items:center;gap:6px;margin:2px 0;white-space:nowrap}
.cdr-tip .tr i{width:12px;height:2.5px;border-radius:2px;flex:none}
.cdr-tip .tr b{font-variant-numeric:tabular-nums;color:var(--rk-ink)}
.cdr-tip .tr span{color:var(--rk-mut);overflow:hidden;text-overflow:ellipsis}
.cdr-lg{display:flex;flex-wrap:wrap;gap:4px 12px;margin:6px 0 0;padding:0;list-style:none;font-size:12px;color:var(--rk-ink2)}
.cdr-lg li{display:inline-flex;align-items:center;gap:6px;min-width:0}
.cdr-lg li i{width:14px;height:3px;border-radius:2px;flex:none}
.cdr-lg li i.avg{background:repeating-linear-gradient(90deg,var(--rk-avg) 0 5px,transparent 5px 8px)!important}
.cdr-tb{margin-top:6px}
.cdr-tb summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--rk-ac)}
.cdr-tb .cdr-tw{overflow-x:auto;margin-top:6px}
.cdr-tb table{border-collapse:collapse;font-size:12px;min-width:100%}
.cdr-tb th,.cdr-tb td{padding:4px 8px;border-bottom:1px solid var(--rk-line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.cdr-tb th:first-child,.cdr-tb td:first-child{text-align:left;position:sticky;left:0;background:var(--rk-sf)}
/* pessoas (foto + nome) */
.cdr-p{display:flex;align-items:center;gap:8px;min-width:0}
.cdr-p .cdf,.cdr-av{flex:none;width:34px;height:44px;border-radius:8px;overflow:hidden;background:var(--rk-sf2);display:inline-flex;align-items:center;justify-content:center;font:800 12px var(--sans,inherit);color:var(--rk-mut)}
.cdr-p .cdf img{width:100%;height:100%;object-fit:cover;display:block}
.cdr-p b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdr-p small{display:block;font-size:11.5px;color:var(--rk-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdr-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cdr-top li{display:flex;align-items:center;gap:8px;min-width:0}
.cdr-top li .cdr-n{font:800 13px var(--mono,ui-monospace,monospace);color:var(--rk-mut);width:22px;text-align:right;flex:none}
.cdr-top li .cdr-p{flex:1}
.cdr-top li .cdr-val{font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cdr-top li a{color:inherit;text-decoration:none}.cdr-top li a:hover b{text-decoration:underline}
@media (max-width:560px){.cdr-cards{grid-template-columns:1fr}.cdr-card .cdr-pos{font-size:18px}}