/* site.css — 31/10 owner "đồng bộ toàn site theo phong cách trang chủ": ONE shared layer loaded last on every page.
   Tokens (theme.css): ground #05070C · surface #0C121B · line #1C2738 · ink #E8ECF2 · muted #8593A6 · amber #F5A524 · good / risk / caution / info / violet.
   Fonts: Unbounded (titles) · Manrope (text) · JetBrains Mono (numbers). 8px rhythm, ≥ 16px gutters, no text under 12px, columns stack < 1180px. */
:root{--r:10px;--r-card:10px;--pad:16px}
body{font-family:var(--f-body,Manrope,system-ui,sans-serif)}
h1,h2,.dau-the h2,.gd-hd h2{font-family:var(--f-display,Unbounded,sans-serif)}
.num,td.num,.gd-tr .num,table td:not(.l){font-variant-numeric:tabular-nums}
/* cards — same gradient, radius and padding as the home cards */
.the,section.the,details.the,.card,.fu-panel,.gd-man,.kc-o,.so3-o{border-radius:var(--r-card)!important;border:1px solid var(--line)!important;background:linear-gradient(180deg,var(--surface-2a,#0E1521),var(--surface-2b,#090E16))!important}
.the,section.the,details.the{padding:var(--pad) calc(var(--pad) + 2px)}
main .the+.the,main section.the+section.the{margin-top:16px}
/* tables — small uppercase header, 40–44px rows, right-aligned tabular numbers, hover row */
main .the table th{font-size:12px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
main .the table tbody tr{height:42px}main .the table tbody tr:hover{background:rgba(245,165,36,.06)}
main table td,main .the table th{padding:8px 10px}main table td:not(.l),main table th:not(.l){text-align:right}
/* risk label badge — one style everywhere (🟢 clean · 🟠 high risk · 🔴 likely scam · ⚪ unchecked) */
.badge,.fu-badge,.gd-lb{display:inline-flex;align-items:center;gap:5px;font:700 12px/1 var(--f-mono,"JetBrains Mono",monospace)!important;letter-spacing:.02em;border-radius:6px!important;padding:4px 8px!important;border:1px solid currentColor!important;background:rgba(3,5,10,.6)!important;white-space:nowrap}
.gd-xanh,.badge.clean{color:var(--good)!important}.gd-cam,.badge.risk{color:var(--caution)!important}.gd-do,.badge.scam{color:var(--risk)!important}.gd-chua,.badge.unchecked{color:var(--muted)!important}
/* filter / sort buttons — one pill style */
.chip,.gd-loc button,.gd-sx button,.gd-chet,.khung-nut button,.fu-view button,.loc button{border-radius:999px!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--muted)!important;font:600 12.5px/1 var(--f-body,Manrope,sans-serif)!important;padding:7px 13px!important;cursor:pointer}
.chip.on,.gd-loc button.on,.gd-sx button.on,.khung-nut button.on,.fu-view button.on,.loc button.on{color:var(--ink)!important;border-color:var(--amber)!important;background:rgba(245,165,36,.12)!important}
/* coin avatar — round, same look everywhere (ring colour by label where the page knows it) */
.anh.fav,.fav{border-radius:50%}.gd-av.fav,.pt-av.fav{border-radius:50%}
/* gutters + no text under 12px */
main{padding-left:max(16px,var(--g,16px));padding-right:max(16px,var(--g,16px))}
.xs,small,.sm{font-size:max(12px,var(--fs-xs))}
/* 31/10 fix: the engine (map + overlays) keeps its own compact type — site rules never resize it */
.eg-hud .xs,.eg-hud small,.field .xs{font-size:inherit}
/* responsive: columns stack below 1180px, never a horizontal page scroll */
html,body{max-width:100%;overflow-x:hidden}
@media (max-width:1179px){.hai,.ba,.gd-top,.gd-2c,.luoi.o4,.luoi.o3,.kc-luoi{grid-template-columns:1fr!important}}
@media (max-width:1179px) and (min-width:700px){.luoi.o4{grid-template-columns:1fr 1fr!important}}
.badge.verified,.gd-xm,.fav.av-ver{color:var(--info)!important}.fav.av-ver{box-shadow:0 0 0 2px var(--info)}
.hs{display:flex;flex-direction:column;gap:6px}.hs-r{display:grid;grid-template-columns:170px minmax(0,1fr) 120px;gap:10px;align-items:center}.hs-k{color:var(--muted)}
.hs-b{height:6px;border-radius:3px;background:var(--surface-2,#141c28);overflow:hidden}.hs-b>i{display:block;height:100%;background:var(--amber)}.hs-r b{text-align:right}
@media (max-width:600px){.hs-r{grid-template-columns:120px minmax(0,1fr) 90px}}