/* UTBRUTEN ur themes/forre_pulse/views/partials/pulse-shoutbox.php rad 478 (2026-09-24, prestandapasset).
   Låg förut som inline <style> och skickades om i HTML:en på VARJE sidvisning;
   som fil cachas den av webbläsaren. Redigera HÄR — <link> sitter kvar på samma
   plats i partialen, så kaskadordningen är oförändrad. */
/* MOBIL (<=820): lugn shoutbox — stoppa marquee, visa SENASTE handelsen statiskt
   (WCAG 2.2.2 rorelse + lasbarhet). Tap pa raden faller fortf. ut hela panelen. 2026-07-12 */
@media(max-width:820px){
  .sbar .ticktrack{animation:none!important;transform:none!important}
  .sbar .tick{overflow:hidden}
  .sbar .ticktrack .tk:not(:first-child){display:none}
  .sbar .tick .tk{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
}
/* Forre Coins-sektion på shoutbox-raden (raka hörn, navbar-fontstorlek 14px). */
.sbar .sb-coin{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink,inherit);font-family:'Roboto',system-ui,sans-serif;font-size:14px;font-weight:800;border-radius:0;line-height:1}
.sbar .sb-coin img{width:18px;height:18px;display:block}
.sbar .sb-coin b{color:var(--gold,#f4b73f);font-weight:800}
.sbar .sb-coin:hover b{filter:brightness(1.12)}
@media(max-width:820px){ .sbar .sb-coin{font-size:13px} .sbar .sb-coin img{width:16px;height:16px} }

/* ═══ SHOUTBOX v2 — variant B (2026-07-20, Kentas val): rektangulär segmenterad höger-ö,
   färgprickar + snygga hover-listor (max 10). Återanvänder .sb-stat/.sb-pop (riktig data).
   Scopat till .tdk (command-deck). Mobil: .sb-right blir display:contents → oförändrad. ═══ */
.tdk .sbar .in{ gap:12px; }
/* Ticker = INNEHÅLLSBRED (Kentas "ikonerna ska vara bredvid shouten"): tickspåret
   flyter (relative, inline-flex) så det blir precis så brett som shout + reaktioner.
   Reaktionerna visas INLINE i shouten (klonen döljs) → de sitter tätt intill texten,
   ingen lucka. Långa meddelanden kapas med ellips (tm2 max-width) så reaktionerna
   aldrig trycks ut. Höger-ön flyter åt höger via margin-left:auto som förut. */
.tdk .sbar .tick{ flex:0 1 auto; min-width:0; overflow:hidden; }
.tdk .sbar .tick .ticktrack{ position:relative; left:auto; right:auto; display:inline-flex; align-items:center; }
.tdk .sbar .tick .ticktrack .tk:not(:first-child){ display:none; }
/* ★ MEDDELANDETS BREDD AR FLYTTAD (2026-08-31) till
   themes/forre_pulse/css/pulse-shoutbox-yta.css.
   Har stod max-width:min(38vw,440px). Pa en 375 px telefon ar 38vw = 143 px,
   sa shouten kapades till "tog en Victory Royale i S..." aven nar tickern hade
   327 px att ge. Och eftersom det har ar en inline-<style> i kroppen vann den
   over den nya filens <link> i huvudet pa lika specificitet — samma falla som
   panelens radie gick i. Bredden styrs nu av flexen: meddelandet krymper,
   knapparna gor det inte. */
.tdk .sbar .tick .sb-rx{ display:inline-flex; }        /* inline-reaktioner PÅ */
.tdk-shside{ display:none !important; }                 /* klonen AV (dubbelt annars) */
/* Rektangulära reaktionschips inline (matchar resten). */
.tdk .sbar .tick .sb-rx .sb-react, .tdk .sbar .tick .sb-rx .sb-rxo{ border-radius:4px; }
/* Höger-ö: EN rektangel, tryckt åt höger. */
.tdk .sbar .sb-right{ margin-left:auto; display:inline-flex; align-items:stretch; height:30px; border:1px solid var(--line2); border-radius:4px; background:var(--card); flex:0 0 auto; }
.tdk .sbar .sb-right > *{ display:inline-flex !important; align-items:center; gap:6px; padding:0 11px; font-size:12px; font-weight:700; color:var(--ink2); text-decoration:none; white-space:nowrap; }
.tdk .sbar .sb-right > * + *{ border-left:1px solid var(--line); }
.tdk .sbar .sb-right .sb-stat{ position:relative; cursor:pointer; }
.tdk .sbar .sb-right .sb-stat:hover{ background:var(--inset); }
.tdk .sbar .sb-right b{ color:var(--ink); font-weight:800; font-variant-numeric:tabular-nums; }
.tdk .sbar .sb-right .sb-slbl{ color:var(--ink2); font-weight:600; }
.tdk .sbar .sb-right .sb-coin{ color:var(--gold); font-weight:800; }
.tdk .sbar .sb-right .sb-coin img{ width:16px; height:16px; }
.tdk .sbar .sb-right .sb-coin b{ color:var(--gold); }
/* Duell-dropdownen scopas till .sbar (inte .tdk) — mobil gör .sb-right
   display:contents och då ligger segmentet direkt i .sbar .in. Själva
   SEGMENT-stilarna ligger längre ned, efter höger-gruppens v3-block. */
.sbar .sb-pop.pop-duel{ min-width:252px; }
.sbar .sb-pop.pop-duel .pl2{ text-transform:none; font-weight:700; white-space:nowrap; }
.sbar .sb-pop.pop-duel .sb-drow{ align-items:center; }
.sbar .sb-pop.pop-duel .sb-dtx{ display:flex; flex-direction:column; gap:1px; min-width:0; flex:1 1 auto; }
.sbar .sb-pop.pop-duel .sb-dnm{ font-weight:700; font-size:12.5px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sbar .sb-pop.pop-duel .sb-dst{ font-size:10.5px; font-weight:600; line-height:1.2; color:var(--dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sbar .sb-pop.pop-duel .sb-dst.lead{ color:var(--live,#1aa64b); }
.sbar .sb-pop.pop-duel .sb-dst.behind{ color:#e0653f; }
.sbar .sb-pop.pop-duel .sb-dst.ask{ color:var(--accent-ink); }
/* Kaffe = EGEN rektangulär ikon (raka hörn), utanför höger-ön, med periodisk glimt.
   OBS: pulse-topdeck.css:360 gömmer .sb-coffee i tdk med !important — solo-klassen
   (högre specificitet + !important) tar tillbaka den utanför ön. */
.tdk .sbar a.sb-coffee--solo{ display:inline-flex !important; }
.tdk .sbar .sb-coffee{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:34px; height:30px; border:1px solid var(--line2); border-radius:0; background:var(--card); color:var(--gold); position:relative; overflow:hidden; }
.tdk .sbar .sb-coffee span{ display:none; }
.tdk .sbar .sb-coffee .bi{ font-size:15px; position:relative; z-index:1; }
.tdk .sbar .sb-coffee:hover{ background:color-mix(in srgb, var(--gold) 13%, var(--card)); border-color:color-mix(in srgb, var(--gold) 42%, var(--line)); }
/* Glimt: en ljusstrimma sveper över ikonen ~var 6:e sekund ("då och då"). */
.tdk .sbar .sb-coffee::after{ content:""; position:absolute; top:0; left:-70%; width:45%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent); transform:skewX(-18deg); pointer-events:none; animation:sbCoffeeShine 6s ease-in-out infinite; }
@keyframes sbCoffeeShine{ 0%,80%{ left:-70%; } 90%{ left:150%; } 100%{ left:150%; } }
@media (prefers-reduced-motion:reduce){ .tdk .sbar .sb-coffee::after{ animation:none; } }
/* Färgprickar på segmenten (grön = online, blå = spelar). */
.sbar .sb-sdot{ width:8px; height:8px; border-radius:50%; flex:0 0 auto; }
.sbar .sb-sdot.g{ background:var(--live,#1aa64b); box-shadow:0 0 0 0 rgba(26,166,75,.5); animation:sbPresPl 2s infinite; }
.sbar .sb-sdot.b{ background:var(--accent); }
@keyframes sbPresPl{ 70%{ box-shadow:0 0 0 6px rgba(26,166,75,0); } 100%{ box-shadow:0 0 0 0 rgba(26,166,75,0); } }
@media (prefers-reduced-motion:reduce){ .sbar .sb-sdot.g{ animation:none; } }
/* Reaktionsklonen bor nu i vänstergruppen — rektangulära chips. */
.tdk-shside .sb-react, .tdk-shside .sb-rxo{ border-radius:4px !important; }
/* ── Snygga hover-listor (max 10) ── */
/* OBS: default-display styrs av original-regeln .sb-pop{display:none} — sätt ALDRIG
   display här (då visas den jämt). Bara hover fäller ut den (som flex-kolumn). */
.sbar .sb-pop{ left:auto; right:0; top:calc(100% + 8px); border-radius:4px; min-width:226px; max-height:352px; padding:5px; box-shadow:0 16px 44px rgba(16,26,40,.20); flex-direction:column; }
.sbar .sb-stat:hover .sb-pop{ display:flex; }
.sbar .sb-pop-h{ position:sticky; top:0; background:var(--card); padding:7px 8px 6px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--dim); }
.sbar .sb-pop a{ border-radius:4px; padding:5px 8px; font-size:12.5px; font-weight:700; color:var(--ink); }
.sbar .sb-pop a:hover{ background:var(--inset); }
.sbar .sb-pop .pa{ position:relative; width:26px; height:26px; }
/* Statusprick på varje person (grön online / blå spelar). */
.sbar .sb-pop.pop-online .pa::after, .sbar .sb-pop.pop-play .pa::after{ content:""; position:absolute; bottom:-1px; right:-1px; width:9px; height:9px; border-radius:50%; border:2px solid var(--card); }
.sbar .sb-pop.pop-online .pa::after{ background:var(--live,#1aa64b); }
.sbar .sb-pop.pop-play .pa::after{ background:var(--accent); }
.sbar .sb-pop .pl2{ font-size:10.5px; font-weight:700; }
.sbar .sb-pop.pop-play .pl2{ color:var(--accent-ink); }
.sbar .sb-pop-empty{ color:var(--dim); font-weight:600; }
/* 2026-07-26 (Kentas order): kaffet flyttat TILLBAKA till topbaren (intill Discord-knappen)
   och borttaget härifrån — shoutsen ska äga hela underdelen. Den gamla dedupe-regeln
   `.tdk .top .tdk-coffee{display:none}` är därför borta: den gömde kaffet på DESKTOP och
   gjorde att koppen försvann helt när shoutbox-koppen togs bort. Mobil hanteras i
   pulse-topdeck.css (kaffe + coins göms <820px, mätt: annars 131px overflow @360px). */
/* Radarn-ikonen bort (Kentas "behövs inte") — spelar/online + spelarlistan bor nu i
   shoutboxens höger-ö (samma live-data), och de tre notis-ikonerna täcker resten. */
.tdk .top .right .tb-item:has(> [data-dd="radar"]){ display:none !important; }
/* Mobil: låt höger-ön vara "genomskinlig" så den gamla mobil-layouten gäller (coins syns, stats/kaffe göms som förut). */
@media (max-width:900px){ .tdk .sbar .sb-right{ display:contents; } }

/* ── Shoutbox-panelen som FLYTANDE DROPDOWN (Kentas order): skjuter INTE ner sidan,
   flyter under raden och följer den sticky baren (JS-positionerad nedan). ── */
.tdk .sbox{ position:fixed; z-index:80; left:0; top:120px; background:transparent; border:0; box-shadow:none; padding:0; }
.tdk .sbox .in{ max-width:none; margin:0; padding:0; }
/* ★ PANELENS UTSEENDE AR FLYTTAT (2026-08-30) till
   themes/forre_pulse/css/pulse-shoutbox-yta.css.
   Har lag width/border/border-radius:4px/box-shadow. En inline-<style> i
   kroppen kommer EFTER varje <link> i huvudet, sa den slog ut den nya filen
   pa lika specificitet: radien matte 4 px och skuggan var kvar i sin ljusa
   variant aven i morkt lage. Behall bara POSITIONERINGEN har (raderna ovan) —
   den hor ihop med JS:et langst ned i filen. Lagg inte tillbaka utseende. */

/* ═══ INSTRUMENTPANELEN (2026-07-21, Kentas val efter mockup-runda) ═══
   Överstyr variant B ovan (ligger sist → vinner). Idé: raden som ett konstruerat
   instrument — svart SHOUTBOX-flagga + pil, en händelse i taget (cyklern finns),
   bold ENDAST på händelsefrasen, ikon i stället för textfärg, stats som staplade
   siffror med mikroetikett, guld-kaffekolumn. Inga avskiljare — luft håller ihop. */
.tdk .sbar .in{ gap:14px; }
/* Flagga: bläcksvart block med guldmegafon + vit etikett. Pilen flyttas hit (order). */
.tdk .sbar .lbl2{ order:-3; display:inline-flex; align-items:center; gap:7px; background:#0b0f14; border-radius:4px; padding:0 12px; height:30px; flex:0 0 auto; }
.tdk .sbar .lbl2 .sb-mega{ display:inline-flex; width:auto; height:auto; background:transparent !important; border:0 !important; border-radius:0; }
.tdk .sbar .lbl2 .sb-mega .bi{ font-size:13px; color:var(--gold) !important; }
.tdk .sbar .lbl2 .sb-brandtx{ font-size:9.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; }
[data-theme="dark"] .tdk .sbar .lbl2{ background:#05070a; }
.tdk .sbar .chev{ order:-2; margin:0; font-size:13px !important; color:var(--dim) !important; }
/* Händelsetext: neutral färg, normal vikt — bold bara på <b> (händelsefrasen). */
.tdk .sbar .tick .tk .tm2{ color:var(--ink) !important; font-weight:400; }
.tdk .sbar .tick .tk .tm2 b{ font-weight:700; }
.tdk .sbar .tick .tk .tk-u{ font-weight:500; }
.tdk .sbar .tick .tk .sb-evic{ font-size:13px; color:var(--ink2); margin:0 1px; }
/* Höger-gruppen: ingen ö/ram — staplade siffror med mikroetikett under. */
.tdk .sbar .sb-right{ border:0; background:transparent; height:auto; align-items:center; gap:0; }
.tdk .sbar .sb-right > * + *{ border-left:0; }
.tdk .sbar .sb-right .sb-stat,
.tdk .sbar .sb-right .sb-coin{ display:inline-flex !important; flex-wrap:wrap; justify-content:center; align-content:center; column-gap:5px; row-gap:2px; padding:3px 11px; border-radius:4px; }
.tdk .sbar .sb-right .sb-stat:hover{ background:var(--inset); }
.tdk .sbar .sb-right b{ font-size:13px; font-weight:600; }
.tdk .sbar .sb-right .sb-slbl{ flex-basis:100%; text-align:center; font-size:8px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; color:var(--dim); line-height:1; }
.tdk .sbar .sb-right .sb-coin b{ font-weight:600; }
/* ── SEGMENTRADEN: TVÅ GRUPPER, ETT "|" (Kentas order 2026-07-26, andra rundan) ─
   MÅSTE ligga efter .sb-right .sb-stat-blocket ovan: samma specificitet (0,4,0),
   så sista regeln vinner. Ett tidigare försök placerat i v2-blocket längre upp
   fick rätt selektor men förlorade tyst mot padding:3px 11px där.

   GRUPPERINGEN ÄR BETYDELSEN, inte dekoration:
     [ online · spelar ]  |  [ dueller · coins ]
       sajtens puls            viewerns egna
   Inom en grupp: bara luft (6px padding ⇒ 12px mellan ikonerna, tätt).
   Mellan grupperna: ETT streck med 13px luft åt vardera hållet.

   Historik: v1 hade ojämn luft (online+spelar 7px utan streck, duell/mynt
   border-left + margin 5px + padding 14px). v2 gjorde fyra LIKA celler med
   streck i varje skarv — Kenta underkände: fyra streck läser som fyra lösa
   värden, han vill se de två grupperna.

   Strecket är ett ::before, INTE en border. Tre skäl:
   1) det landar exakt på gränsen → symmetrisk luft åt båda håll.
   2) hover-plattan (border-radius:4px) förblir en egen ruta i stället för att
      växa ihop med strecket till en ram.
   3) ::before MÅSTE vara position:absolute: segmenten är inline-flex med wrap,
      så ett statiskt ::before blir ett FLEX-ITEM och knuffar isär siffra/etikett.
   Kräver position:relative på cellen — finns redan via `.sb-right .sb-stat`.

   Strecket sitter på den FÖRSTA cellen i grupp 2, och grupp 2 börjar på duellen
   när den finns, annars på myntet (duell + mynt är villkorliga: duell renderas
   bara vid ≥1 öppen duell, mynt bara för inloggad). Därför två selektorer, där
   `play + coin` fångar exakt fallet "ingen duell". Har viewern varken duell
   eller mynt (gäst) matchar ingen av dem ⇒ inget hängande streck. */
/* ── VARFÖR CELLERNA ÄR BLOCK OCH INTE FLEX (mätt live 2026-07-26) ─────────
   Kenta: "men du ser mellanrummet, vill inte ha så". Han hade rätt, och det
   satt INTE i paddingen — jag hade redan dragit ner den till 6px utan att det
   syntes. Orsaken är hur flexbox mäter en cell som WRAPPAR:

   En flex-container med `flex-wrap:wrap` beräknar sin max-content-bredd som
   SUMMAN av alla items på EN rad — radbrytningen räknas inte in. Cellen var
   inline-flex med `.sb-slbl{flex-basis:100%}` (som tvingar etiketten till rad
   två), så bredden blev ikon + gap + siffra + gap + etikett i stället för
   max(ikonrad, etikett). Uppmätt på online-cellen: innehållsbox 55.7px =
   18.4 (prick+siffra) + 5 + 32.3 (ordet "online") — exakt summan. Ikonraden
   är bara 18.4px bred och centrerades i 55.7px ⇒ ~19px dödyta på VAR sida av
   siffran. Mellan "9" och "24" blev det 50px luft varav padding stod för 12.
   Ingen paddingjustering i världen fixar det.

   Lösningen: gör cellen till en BLOCK-box med inline-innehåll. Då är bredden
   den längsta RADEN, dvs max(ikonrad, etikett) — precis vad ögat förväntar
   sig. Etiketten blir `display:block` (bryter raden utan flex-basis-tricket),
   ikonerna `inline-block` + `vertical-align:middle`.

   OBS: `.sb-sdot` (gröna pricken) är en tom <span> som fick sin storlek av att
   vara flex-item. Som inline måste den ha display:inline-block, annars kollapsar
   width/height och pricken försvinner. Samma sak för <img>-ikonerna, som hade
   display:block. */
.tdk .sbar .sb-right .sb-stat{ display:block !important; text-align:center; padding:3px 6px; }
.tdk .sbar .sb-right .sb-stat .sb-sdot,
.tdk .sbar .sb-right .sb-stat .sb-dglove,
.tdk .sbar .sb-right .sb-stat .sb-coinic{ display:inline-block; vertical-align:middle; }
.tdk .sbar .sb-right .sb-stat .sb-splayic,
.tdk .sbar .sb-right .sb-stat .sb-dbadge,
.tdk .sbar .sb-right .sb-stat b{ vertical-align:middle; }
/* Etiketten: egen rad, ingen flex-basis (det var den som blåste upp bredden). */
.tdk .sbar .sb-right .sb-slbl{ display:block; flex-basis:auto; margin-top:2px; }
/* Sömmen: sista cellen i grupp 1 och första i grupp 2 får 11px var ⇒ strecket
   vid left:0 hamnar mitt i de 22px:na, mot 12px inne i grupperna. Är spelar
   sista cellen (gäst utan mynt) nollas dess padding-right längre ned (0,5,0). */
.tdk .sbar .sb-right .sb-stat--play{ padding-right:11px; }
.tdk .sbar .sb-right .sb-stat--duel,
.tdk .sbar .sb-right .sb-stat--play + .sb-stat--coin{ padding-left:11px; }
.tdk .sbar .sb-right .sb-stat--duel::before,
.tdk .sbar .sb-right .sb-stat--play + .sb-stat--coin::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:var(--line); pointer-events:none; }
/* Mobil (<=900px) gör .sb-right display:contents → cellerna ärver .in:s gap:14px
   och strecket skulle hamna snett (mätt från cellkanten, inte sömmens mitt).
   Under 820px döljs dessutom online+spelar, så grupp 1 finns inte ens ⇒ strecket
   hade blivit ett hängande streck längst till vänster. Bort med det under 900px;
   luften separerar redan där. */
@media (max-width:900px){ .tdk .sbar .sb-right > *::before{ display:none !important; } }
.tdk .sbar .sb-right .sb-dglove{ width:14px; height:14px; display:block; flex:0 0 auto; }
.tdk .sbar .sb-right .sb-stat--duel .sb-dbadge{ display:inline-flex; align-items:center; justify-content:center; min-width:14px; height:14px; padding:0 4px; border-radius:3px; background:var(--accent); color:#fff; font-size:9.5px; font-weight:800; line-height:1; }
.tdk .sbar .sb-right .sb-stat--duel.sb-dask-on b{ color:var(--accent-ink); }
/* ── FORRE COINS-SEGMENT (2026-07-26, Kentas order) ────────────────────────
   Guldkrona (färgen sitter i forre-coin.svg, #b3831c) + SVARTA siffror: b
   ärver var(--ink) från .sb-right b. Den gamla .sb-coin-regeln som gjorde
   siffran guld gäller INTE här — klassen är .sb-stat--coin, inte .sb-coin.
   Ingen ram/pill; segmentet ser ut som sina syskon.

   Myntets avskiljare sköts sedan 2026-07-26 av den generella `> * + *::before`
   ovan (fyra lika celler). Den gamla `.sb-stat--play + .sb-stat--coin`-bordern
   är därför borttagen — den fanns bara för att fånga fallet "ingen duell". */
.tdk .sbar .sb-right .sb-coinic{ width:15px; height:15px; display:block; flex:0 0 auto; }
/* ── HÖGERKANT I LOD MED TOPBAREN (Kentas krav 2026-07-26) ────────────────
   `.tdk .top .in` och `.tdk .sbar .in` delar redan max-width 1200 + padding
   0 16px, så CONTAINRARNA ligger i lod. Det som ändå drog in siffran var
   sista segmentets egna padding-right:11px (från .sb-right .sb-stat) plus
   att raderna centreras (justify-content:center). Sista segmentet — vilket
   det än är: mynt, duell eller spelar — blir därför flush höger.

   MARGIN, inte padding, för de sista 10px:na. Uppmätt live: containrarnas
   högerkant ligger på samma x (1856.5 vid 2560px), men avatarlänken
   `.me--greet` har padding-right:10px, så avatarens SYNLIGA kant slutar på
   1846.5. Linjering mot containerkanten hade alltså lagt siffran 10px
   UTANFÖR avataren. Med margin krymper hela segmentets box — då hamnar
   text, hover-bakgrund OCH pop-coin (right:0, mätt från padding-boxen) på
   samma lodräta linje som avataren. Ändras `.me--greet`s padding måste
   dessa 10px följa med.

   SPECIFICITETSFÄLLA (2026-07-26): `> *:last-child` är bara (0,3,0) och förlorar
   mot `.sb-right .sb-stat` (0,4,0) som sätter padding-right:10px längre upp.
   Därför är `.sb-right .sb-stat:last-child` (0,5,0) tillagd i samma regel —
   utan den läcker 10px padding tillbaka och högerkanten glider ur lod igen. */
.tdk .sbar .sb-right > *:last-child,
.tdk .sbar .sb-right .sb-stat:last-child{ padding-right:0; margin-right:10px; justify-content:flex-end; text-align:right; }
.tdk .sbar .sb-right > *:last-child .sb-slbl{ text-align:right; }
/* Myntet är HÖGERST i ön → dropdownen måste ankras höger, annars går den
   utanför fönsterkanten (.sb-pop har left:-6px som default). */
.sbar .sb-pop.pop-coin{ min-width:264px; left:auto; right:0; }
.sbar .sb-pop.pop-coin .sb-pop-h{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sbar .sb-pop.pop-coin .sb-ctoday{ color:var(--gold,#b3831c); font-weight:800; }
.sbar .sb-pop.pop-coin .pl2{ text-transform:none; font-weight:800; color:var(--gold,#b3831c); }
.sbar .sb-pop.pop-coin .sb-crow{ align-items:center; }
.sbar .sb-pop.pop-coin .sb-ctx{ display:flex; flex-direction:column; gap:1px; min-width:0; flex:1 1 auto; }
.sbar .sb-pop.pop-coin .sb-cnm{ font-size:12.5px; font-weight:700; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sbar .sb-pop.pop-coin .sb-csub{ font-size:10.5px; font-weight:600; line-height:1.2; color:var(--dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sbar .sb-pop.pop-coin .sb-csub.done{ color:var(--live,#1aa64b); }
.sbar .sb-pop.pop-coin .sb-cshop{ margin-top:4px; padding-top:8px; border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent); border-radius:0; font-size:11.5px; font-weight:700; color:var(--accent-ink); }
/* Grön punkt utan puls (lugn yta); spelar = blå controller-ikon. */
.tdk .sbar .sb-sdot.g{ width:6px; height:6px; animation:none; box-shadow:none; }
.tdk .sbar .sb-splayic{ font-size:13px; color:var(--accent); line-height:1; }
/* Kaffe: guldtonad kolumn utan ram — glimten (Kentas) behålls från basreglerna. */
.tdk .sbar .sb-coffee{ border:0; background:color-mix(in srgb, var(--gold) 14%, var(--card)); width:36px; height:30px; border-radius:4px; }
/* LIVE-shout → klickbar länk till streamen (ticker + panel). Ikon + "är LIVE på X"
   + extern-pil, allt inom en <a>. Hover: understruket, extern-pilen tänds. */
.sb-livelink{ display:inline-flex; align-items:center; gap:5px; text-decoration:none; color:inherit; cursor:pointer; }
.sb-livelink .tm2{ color:inherit; }
.sb-livelink:hover .tm2{ text-decoration:underline; }
.sb-livelink .sb-livego{ font-size:10px; opacity:.55; }
.sb-livelink:hover .sb-livego{ opacity:1; }
/* ═══ MOBIL (Kenta 2026-07-22): slim live-ticker DIREKT under navbaren ═══
   Dölj SHOUTBOX-ordet (megafon-flaggan lämnas kvar som liten markör) samt
   online-/spelar-segmenten. Tickern + Coins behålls. Ligger sist i partialens
   egna <style> → vinner cascaden mot .tdk-instrumentreglerna ovan (samma
   specificitet + !important, senare källordning; partialen laddas efter
   forre_pulse.css). FIX: den gamla .lbl2{font-size:0}-gömningen slogs ut av
   instrumentpanelens .sb-brandtx{font-size:9.5px} 2026-07-21 → texten läckte. */
@media(max-width:820px){
  .tdk .sbar .lbl2 .sb-brandtx{ display:none !important; }
  .tdk .sbar .sb-right .sb-stat--online,
  .tdk .sbar .sb-right .sb-stat--play{ display:none !important; }
}