/* RANKING_VISUAL_0810 — mesmo padrão escuro do Ao vivo / Início */
#vista-ranking-apps{padding-top:6px}
#ranking-apps-corpo{display:flex;flex-direction:column;gap:14px}
.rk-topo{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rk-topo h2{font-size:17px;font-weight:800}
.rk-btn{font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid #272727;background:#0e0e0e;color:var(--muted)}
.rk-btn:hover{color:var(--text);border-color:var(--cyan)}
.rk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.rk-kpi,.rk-ap{background:#0a0a0a;border:1px solid #222222;border-radius:14px;padding:14px 16px}
.rk-rot,.rk-sub{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.rk-big{font-size:32px;font-weight:800;color:#fff;margin:6px 0 2px;line-height:1.1}
.rk-ksub,.rk-nota{font-size:11.5px;color:var(--faint)}
.rk-leg{font-size:12px;color:var(--muted);line-height:1.5}
.rk-leg b{color:var(--text)}
.rk-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:12px}
@media (max-width:520px){.rk-grade{grid-template-columns:1fr}}
.rk-ap{display:flex;flex-direction:column;gap:10px}
.rk-ap header{display:flex;align-items:center;gap:8px;font-size:16px}
.rk-ap header b{flex:1}
.rk-ap-n{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#181818;color:var(--cyan)}
.rk-ordem{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:10px}
.rk-pos{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#0e0e0e;border:1px solid #222222;border-radius:12px;padding:12px 8px 10px}
.rk-pos1{border-color:rgba(52,211,153,.55);box-shadow:0 0 18px rgba(52,211,153,.10)}
.rk-rank{position:absolute;top:7px;left:8px;font-size:12px;font-weight:800;color:var(--faint)}
.rk-pos1 .rk-rank{color:var(--green)}
.rk-logo{width:62px;height:62px;border-radius:14px;object-fit:cover;background:#0e0e0e}
.rk-logo-letra{display:grid;place-items:center;font-weight:800;color:var(--muted);background:#181818;border:1px solid #272727}
.rk-logo.rk-logo-letra{font-size:20px}
.rk-app{font-size:13px;font-weight:700;color:var(--text);margin-top:2px}
.rk-taxa{font-size:30px;font-weight:800;line-height:1.05;margin-top:2px}
.rk-taxa-rot{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.03em}
.rk-barra{width:100%;height:6px;background:#181818;border-radius:4px;overflow:hidden;margin:4px 0 2px}
.rk-barra i{display:block;height:100%;border-radius:4px}
.rk-barra i.rk-t-bom{background:var(--green)}.rk-barra i.rk-t-medio{background:var(--amber)}.rk-barra i.rk-t-ruim{background:var(--red)}
.rk-t-bom{color:var(--green)}.rk-t-medio{color:var(--amber)}.rk-t-ruim{color:var(--red)}.rk-t-sem{color:var(--faint)}
.rk-mets{display:grid;grid-template-columns:1fr;gap:5px;width:100%;margin-top:2px}
.rk-mets>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;text-align:left;border-top:1px solid #0e0e0e;padding-top:5px}
.rk-mets small{font-size:10px;color:var(--faint);text-transform:uppercase;grid-column:1/3}
.rk-mets b{font-size:17px;font-weight:800;color:#fff}
.rk-mets b.rk-recl{color:var(--amber)}
.rk-mets span{white-space:nowrap;font-size:10.5px;color:var(--muted);align-self:center;text-align:right}
.rk-selo{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;color:var(--amber);background:rgba(251,191,36,.12)}
.rk-robo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.rk-logo-mini{width:22px;height:22px;border-radius:6px;object-fit:cover;vertical-align:middle;display:inline-grid;font-size:9px}
.rk-seta{font-style:normal;color:var(--faint)}
.rk-robo em{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;margin-left:4px}
.rk-igual{color:var(--green);background:rgba(52,211,153,.12)}
.rk-dif{color:var(--amber);background:rgba(251,191,36,.12)}
.rk-trocas{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.rk-trocas small{font-size:10.5px;color:var(--faint);width:100%}
.rk-troca{font-size:11.5px;padding:2px 8px;border-radius:999px;background:#0e0e0e;border:1px solid #272727;color:var(--text)}
.rk-troca b{color:var(--cyan)}
.rk-outros summary{cursor:pointer;font-size:12px;color:var(--muted);font-weight:700}
.rk-outros table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}
.rk-outros th{font-size:10.5px;color:var(--faint);text-transform:uppercase;font-weight:600;text-align:right;padding:4px 6px;border-bottom:1px solid #222222}
.rk-outros th:first-child,.rk-outros td:first-child{text-align:left}
.rk-outros td{padding:5px 6px;border-bottom:1px solid #0e0e0e;text-align:right;color:var(--text)}
.rk-outros td:first-child{display:flex;align-items:center;gap:7px}
.rk-ban td{opacity:.55}
.rk-tag-ban,.rk-tag-ok{font-style:normal;font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:999px}
.rk-tag-ban{color:var(--red);background:rgba(248,113,113,.12)}
.rk-tag-ok{color:var(--green);background:rgba(52,211,153,.12)}
.rk-placar{background:#0a0a0a;border:1px solid #222222;border-radius:14px;padding:12px 14px}

/* APPS1910 — visual novo da aba Apps (classes ra-*) */
.ra-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ra-topo h2{font-size:18px;font-weight:800;margin:0}
.ra-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.ra-sub b{color:var(--text)}
.ra-bts{display:flex;gap:6px;flex-wrap:wrap}
.rk-btn.ra-on{color:#000;background:var(--cyan);border-color:var(--cyan)}
.ra-alert{background:#1f1607;border:1px solid #8a5a12;border-radius:14px;padding:12px 16px;font-size:14px}
.ra-alert b{color:var(--amber)}
.ra-alert ul{margin:6px 0 0 18px;padding:0;line-height:1.5}
.ra-alert small{display:block;color:var(--muted);margin-top:4px}
.ra-alert.ra-ok{background:#071a12;border-color:#1d6b4a}
.ra-alert.ra-ok b{color:var(--green)}
.ra-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.ra-card{background:#0a0a0a;border:1px solid #222;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.ra-card header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ra-card header b{font-size:17px}
.ra-card header span{font-size:12px;color:var(--muted)}
.ra-best{display:flex;align-items:center;gap:7px;font-size:15px;background:#0e0e0e;border:1px solid #1f3b30;border-radius:10px;padding:8px 10px;flex-wrap:wrap}
.ra-best>small:first-child{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;margin-right:2px}
.ra-best span{font-size:20px;font-weight:800}
.ra-best small{color:var(--muted)}
.ra-tab{width:100%;border-collapse:collapse}
.ra-tab th{text-align:left;color:var(--faint);font-weight:600;font-size:11.5px;padding:4px}
.ra-tab td{padding:6px 4px;border-top:1px solid #1c1c1c;font-size:14px;vertical-align:middle}
.ra-tab tr.ra-1o td{background:rgba(34,211,238,.04)}
.ra-pos{color:var(--faint);width:28px;font-weight:700}
.ra-app{display:flex;align-items:center;gap:8px}
.ra-logo{width:26px;height:26px;border-radius:7px;object-fit:cover;flex:none}
.ra-logo.rk-logo-letra{font-size:11px}
.ra-pct{font-size:21px;font-weight:800;width:70px}
.ra-xy{white-space:nowrap}
.ra-xy em,.ra-xy em{display:block;font-style:normal;font-size:11px;color:var(--faint)}
.ra-hist{color:var(--faint);font-size:12px}
.ra-verde{color:var(--green)}.ra-amarelo{color:var(--amber)}.ra-vermelho{color:var(--red)}.ra-cinza{color:var(--faint)!important}
.ra-warn{color:var(--amber);font-size:13px;margin:2px 0 0;line-height:1.4}
.ra-outros{margin:4px 0 8px 18px;padding:0;font-size:12px;color:var(--muted);line-height:1.6}
.ra-det summary{cursor:pointer}
@media (max-width:520px){.ra-grade{grid-template-columns:1fr}.ra-hist{display:none}.ra-card{padding:12px}.ra-pct{font-size:19px;width:56px}.ra-tab td{font-size:13.5px}}