/* THE DESK v2 — RISK LEVEL (RISKUI-2026-10-02): the token risk card and its badge, shared by bots and the token page */
.rk-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--pill);font:700 10px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}
.rk-chip::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.rk-chip.sm{padding:3px 6px;font-size:9px}
.rk-chip.rk-lo{color:var(--up);background:var(--up-bg)}
.rk-chip.rk-md{color:var(--gold);background:var(--gold-bg)}
.rk-chip.rk-hi{color:#FB923C;background:rgba(251,146,60,.13)}
.rk-chip.rk-cr{color:var(--down);background:var(--down-bg)}
.rk-chip.rk-cs{color:#fff;background:#DC2626}
.rk-chip.rk-nr{color:var(--ink2);background:var(--v-unknown-bg)}

.rk-card{--rk:var(--ink2);--rk-bg:var(--v-unknown-bg);border:1px solid var(--line);border-left:3px solid var(--rk);border-radius:var(--r2);background:var(--s1);padding:10px 12px 11px;display:grid;gap:7px;min-width:0;color:var(--ink1)}
.rk-card.rk-lo{--rk:var(--up);--rk-bg:var(--up-bg)}
.rk-card.rk-md{--rk:var(--gold);--rk-bg:var(--gold-bg)}
.rk-card.rk-hi{--rk:#FB923C;--rk-bg:rgba(251,146,60,.13)}
.rk-card.rk-cr{--rk:var(--down);--rk-bg:var(--down-bg)}
.rk-card.rk-cs{--rk:#EF4444;--rk-bg:rgba(239,68,68,.16);background:linear-gradient(0deg,rgba(239,68,68,.06),rgba(239,68,68,.06)),var(--s1)}
.rk-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.rk-k{font:700 9.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.rk-lv{font:700 11px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--rk);background:var(--rk-bg);padding:5px 9px;border-radius:var(--pill)}
.rk-cs .rk-lv{color:#fff;background:#DC2626}
.rk-sc{font:500 11px/1 var(--mono);color:var(--ink2)}
.rk-bots{margin-left:auto;font:500 11px/1 var(--mono);color:var(--ink3)}
.rk-sum{margin:0;font:400 12.5px/1.45 var(--sans);color:var(--ink1)}
.rk-rows{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.rk-rows li{display:grid;grid-template-columns:14px 64px 1fr;align-items:baseline;gap:6px;font:400 12px/1.4 var(--sans);color:var(--ink2);min-width:0}
.rk-rows li i{width:8px;height:8px;border-radius:50%;background:var(--ink3);align-self:center;justify-self:center}
.rk-rows li.ok i{background:var(--up)}.rk-rows li.bad i{background:#EF4444}.rk-rows li.warn i{background:var(--gold)}
.rk-rows li b{font:600 11px/1.4 var(--display);letter-spacing:.04em;color:var(--ink1)}
.rk-rows li span{min-width:0;overflow-wrap:anywhere}
.rk-rows li.bad span{color:#FCA5A5}.rk-rows li.warn span{color:var(--gold)}
.rk-why{border-top:1px solid var(--line-soft);padding-top:6px}
.rk-why summary{cursor:pointer;font:600 11.5px/1.4 var(--display);color:var(--acc-t);list-style:none}
.rk-why summary::-webkit-details-marker{display:none}
.rk-why summary::before{content:'▸ ';color:var(--ink3)}
.rk-why[open] summary::before{content:'▾ '}
.rk-why ul{list-style:none;margin:7px 0 0;padding:0;display:grid;gap:4px}
.rk-why li{display:grid;grid-template-columns:34px 1fr;gap:6px;font:400 12px/1.4 var(--sans);color:var(--ink1)}
.rk-why li em{font:600 11px/1.4 var(--mono);font-style:normal;text-align:right;color:var(--ink3)}
.rk-why li em.p{color:#FCA5A5}.rk-why li em.n{color:var(--up)}
.rk-meth,.rk-nr{margin:7px 0 0;font:400 11px/1.45 var(--sans);color:var(--ink3)}
.rk-nr{color:var(--ink2)}
.rk-ft{margin:0;padding-top:6px;border-top:1px solid var(--line-soft);font:400 11.5px/1.45 var(--sans);color:var(--ink2)}
.rk-load .rk-lv{color:var(--ink3);background:var(--s3)}
@media (prefers-reduced-motion:no-preference){.rk-load{animation:rkpulse 1.6s ease-in-out infinite}@keyframes rkpulse{0%,100%{opacity:1}50%{opacity:.6}}}
@media (max-width:420px){.rk-rows li{grid-template-columns:14px 56px 1fr}.rk-sum{font-size:12px}}

/* where the card sits */
.bt-rkslot:empty{display:none}
#btRiskTok{margin-top:8px}
#btRiskDet:empty{display:none}
/* the detail: top of the right column on desktop; on a phone that column goes last, so the card sits under the profit hero */
.bt-rkm{display:none}
@media (max-width:960px){.bt-rkm{display:block;margin:12px 14px 0}.bt-rkm:empty{display:none}#btRiskDet{display:none}}
.tk-rk{display:inline-flex}
.tk-rk button{cursor:pointer;border:0;padding:0;background:none}
.tk-rkpanel{margin:8px 0 2px;max-width:640px}
.tk-rkpanel[hidden]{display:none}