/* ============================================================
   forre_pulse — TOPBAR v10 (2026-07-10) — EGEN FIL.
   Ligger separat från forre_pulse.css eftersom parallella
   sessioner skrev över append-block där. Innehåll: F-inder-flik,
   gradient-avskiljare, Ctrl+K-hint, Spelar nu-radar (puls +
   DNA-match%), konto-menyrader, staff-slider, shoutbox-
   reaktionschips, kaffe-knapp, Arcade-länk i vänsternavet.
   ============================================================ */

/* Gradient-avskiljare i topbaren: tonar ut i båda ändar */
.top .tb-vsep{width:1px;height:30px;flex:0 0 auto;border-radius:1px;background:linear-gradient(180deg,transparent 0%,var(--line2) 32%,var(--faint) 50%,var(--line2) 68%,transparent 100%)}

/* Ctrl+K-hint i sökrutan */
.search .skbd{margin-left:auto;flex:0 0 auto;font-family:'Roboto',sans-serif;font-size:10px;font-weight:700;color:var(--faint);border:1px solid var(--line2);border-radius:4px;padding:1px 5px;white-space:nowrap;pointer-events:none;line-height:1.4}

/* Spelar nu-radarn: grön signalikon + live-badge + puls */
.top .iconbtn.radar{position:relative;color:var(--live);background:var(--live-wash);border-color:color-mix(in srgb,var(--live) 30%,transparent)}
.top .badge.lv{background:var(--live)}
.top .iconbtn.radar > .bi{animation:radarIcoPulse 2.4s ease-in-out infinite;transform-origin:center}
.top .iconbtn.radar::after{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:0 0 0 0 rgba(26,166,75,.38);animation:radarRing 2.4s ease-out infinite;pointer-events:none}
[data-theme="dark"] .top .iconbtn.radar::after{box-shadow:0 0 0 0 rgba(43,208,107,.35)}
.top .iconbtn.radar:hover > .bi{animation:none}
.top .iconbtn.radar:hover::after{animation:none;box-shadow:none}
@keyframes radarIcoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14);filter:drop-shadow(0 0 5px var(--live))}}
@keyframes radarRing{70%{box-shadow:0 0 0 7px rgba(26,166,75,0)}100%{box-shadow:0 0 0 0 rgba(26,166,75,0)}}

/* Crew-skölden: champ-ton så staff-ytan skiljer sig från medlemsikonerna */
.top .iconbtn.crewbtn.crew{color:var(--champ);background:var(--champ-w);border-color:color-mix(in srgb,var(--champ) 28%,transparent)}

/* Radar-dropdownens rader, knappar och DNA-match% */
#dd-radar .ddrow .tt{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#dd-radar .ddrow .tt .rk{flex:0 0 auto}
#dd-radar .match-pct{flex:0 0 auto;font-weight:800;font-size:11px;color:var(--elite);background:var(--elite-w);padding:1px 7px;border-radius:10px;white-space:nowrap}
.rd-acts{display:inline-flex;gap:6px;flex:0 0 auto;align-items:center;margin-left:auto}
.rd-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r);border:1px solid var(--line2);color:var(--ink2);background:transparent;font-size:14px;cursor:pointer;transition:border-color .12s,color .12s}
.rd-btn:hover{border-color:var(--accent);color:var(--accent)}
.rd-btn.p{background:var(--accent);border-color:transparent;color:#fff}
.rd-btn.p:hover{background:var(--accent-ink);color:#fff}
.rd-btn.is-in{background:var(--live);border-color:transparent;color:#fff}
.rd-btn.rd-err{border-color:var(--danger);color:var(--danger)}

/* Konto-menyn: knapp-rad (tema-toggle) + badges + ärende-mini-rader */
.me-links button{display:flex;width:100%;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;color:var(--ink);text-align:left}
.me-links button:hover{background:var(--inset)}
.me-links button .bi{font-size:15px;color:var(--dim);width:18px;text-align:center}
.me-links .me-ct{margin-left:auto;min-width:17px;text-align:center;font-size:11px;font-weight:700;color:#fff;background:var(--danger);border-radius:10px;padding:1px 7px}
.me-links a.me-tk{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 41px;font-size:12px;font-weight:500;color:var(--ink2)}
.me-links a.me-tk:hover{background:var(--inset);color:var(--ink)}
.me-links a.me-tk .tk-st{margin-left:auto;flex:0 0 auto;font-size:10px;font-weight:700;color:#fff;padding:1px 6px;border-radius:3px}

/* Staffmenyn: shoutbox-hastighet */
.crew-dd .sdd-speed{padding:10px 14px;border-top:1px solid var(--line)}
.crew-dd .sdd-speed .t3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink2)}
.crew-dd .sdd-speed .t3 .bi{color:var(--champ);font-size:14px}
.crew-dd .sdd-speed .t3 b{margin-left:auto;color:var(--ink);font-variant-numeric:tabular-nums}
.crew-dd .sdd-speed input[type=range]{width:100%;margin-top:8px;accent-color:var(--accent)}

/* Shoutbox: reaktions-chips i tickern (Säg GG, Grattis, Respekt) */
.sbar .sb-react{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:1px 9px;border-radius:12px;background:var(--accent-wash);color:var(--accent-ink);border:0;cursor:pointer;flex:0 0 auto;line-height:1.6;transition:filter .12s}
.sbar .sb-react:hover{filter:brightness(.94)}
.sbar .sb-react.done{background:var(--live-wash);color:var(--live);cursor:default}
.sbar .sb-react:disabled{opacity:.6;cursor:wait}

/* Kaffe-knapp längst till höger i shoutbox-raden — varm guldton */
.sbar .sb-coffee{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:11.5px;font-weight:800;color:var(--gold);background:color-mix(in srgb,var(--gold) 13%,transparent);border:1px solid color-mix(in srgb,var(--gold) 26%,transparent);border-radius:14px;padding:3px 11px;white-space:nowrap;transition:background .12s,transform .12s}
.sbar .sb-coffee .bi{font-size:13px;animation:sbCoffeeSteam 3.2s ease-in-out infinite;transform-origin:bottom center}
.sbar .sb-coffee:hover{background:color-mix(in srgb,var(--gold) 22%,transparent);transform:translateY(-1px)}
.sbar .sb-coffee:hover .bi{animation:none}
@keyframes sbCoffeeSteam{0%,100%{transform:rotate(0)}42%{transform:rotate(-7deg)}58%{transform:rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.sbar .sb-coffee .bi{animation:none}}
@media (max-width:900px){.sbar .sb-coffee span{display:none}.sbar .sb-coffee{padding:3px 8px}}

/* Vänsternavet: avdelare + nedtonad Arcade-länk */
.nlist .nsep{border-top:1px solid var(--line);margin:5px 8px}
.nlist .nlink.nlink-dim{color:var(--dim)}
.nlist .nlink.nlink-dim .ico{color:var(--dim)}
.nlist .nlink.nlink-dim:hover{color:var(--ink)}
.nlist .nlink.nlink-dim:hover .ico{color:var(--accent)}

/* ============================================================
   ADMIN-SKÖLDENS ÅTGÄRDSKÖ (2026-07-10)
   Röd badge + glow på skölden när Epic-förfrågningar, tickets,
   forumrapporter eller events väntar. attn-flash läggs på av
   pulse-notifs.js när NÅGOT NYTT dyker upp mellan två polls.
   ============================================================ */
.top .iconbtn.crewbtn{position:relative}
.top .crewbtn .adm-badge{top:auto;bottom:-3px;background:var(--danger);color:#fff}
.top .crewbtn .adm-badge[hidden]{display:none !important}
.top .crewbtn.attn-hot{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}
.top .crewbtn.attn-hot > .bi{animation:admAttnPulse 2.2s ease-in-out infinite;transform-origin:center}
.top .crewbtn.attn-flash::after{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:0 0 0 0 rgba(231,60,60,.55);animation:admAttnRing 1.1s ease-out 5;pointer-events:none}
@keyframes admAttnPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.16);filter:drop-shadow(0 0 6px var(--danger))}}
@keyframes admAttnRing{0%{box-shadow:0 0 0 0 rgba(231,60,60,.55)}100%{box-shadow:0 0 0 14px rgba(231,60,60,0)}}
@media (prefers-reduced-motion:reduce){
  .top .crewbtn.attn-hot > .bi{animation:none}
  .top .crewbtn.attn-flash::after{animation:none;box-shadow:none}
}

/* "Kräver åtgärd"-sektionen överst i sköld-dropdownen */
.crew-dd .dd-attn{border-bottom:1px solid var(--line);padding-bottom:4px}
.crew-dd .dd-attn-h{display:flex;align-items:center;gap:7px;padding:9px 14px 3px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--danger)}
.crew-dd .dd-attn-h .bi{font-size:12px}
.crew-dd .dd-attn-h b{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;display:grid;place-items:center}
.crew-dd .attn-row .nic-main{color:var(--danger)}
.crew-dd .ddrow-badge[hidden]{display:none !important}

/* ============================================================
   SUPERSKÖLDEN (2026-07-10)
   Fokus-läge (bara aktiva köer + Allt lugnt), drift-puls,
   sid-kontext (På denna sida) med avstängningsreglage m.m.
   ============================================================ */
.crew-dd{max-height:min(78vh,720px);overflow-y:auto}

/* Drift-puls i headern */
.crew-dd .ddh{position:relative}
.crew-dd .drift-dot{width:9px;height:9px;border-radius:50%;background:var(--live,#22c55e);box-shadow:0 0 6px color-mix(in srgb,var(--live,#22c55e) 60%,transparent);display:inline-block;margin:0 8px;flex:0 0 auto}
.crew-dd .drift-dot.bad{background:var(--danger);box-shadow:0 0 7px color-mix(in srgb,var(--danger) 70%,transparent);animation:shDriftBlink 1.4s ease-in-out infinite}
@keyframes shDriftBlink{0%,100%{opacity:1}50%{opacity:.35}}

/* Allt lugnt */
.crew-dd .dd-calm{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;color:var(--ink2)}
.crew-dd .dd-calm .bi{color:var(--live,#22c55e);font-size:14px}
.crew-dd .dd-calm[hidden]{display:none !important}
.crew-dd .ddrow[data-adm-row][hidden]{display:none !important}

/* På denna sida (kontext) */
.crew-dd .dd-ctx{border-top:1px solid var(--line);padding:4px 0 8px}
.crew-dd .dd-ctx-h{display:flex;align-items:center;gap:7px;padding:9px 14px 3px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--accent)}
.crew-dd .dd-ctx-h .bi{font-size:12px}
.crew-dd .ctx-user{display:flex;align-items:center;gap:8px;padding:4px 14px 6px;font-size:13px;color:var(--ink)}
.crew-dd .ctx-role{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:9px;background:var(--inset);color:var(--ink2)}
.crew-dd .ctx-susp{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:9px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.crew-dd .ctx-block{padding:7px 14px;display:flex;flex-direction:column;gap:7px;border-top:1px dashed var(--line)}
.crew-dd .ctx-block.done{opacity:.45;pointer-events:none}
.crew-dd .ctx-block.ctx-inline{flex-direction:row;align-items:center;flex-wrap:wrap}
.crew-dd .cb-t{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2)}
.crew-dd .cb-t b{color:var(--ink)}
.crew-dd .cb-t .bi{color:var(--accent);flex:0 0 auto}
.crew-dd .cb-acts{display:flex;gap:7px}
.crew-dd .ctx-link{display:flex;align-items:center;gap:7px;padding:7px 14px;font-size:12px;color:var(--accent);text-decoration:none}
.crew-dd .ctx-link:hover{text-decoration:underline}

/* Knappar/fält i kontexten */
.crew-dd .shb{appearance:none;border:1px solid var(--line);background:var(--inset);color:var(--ink);font-size:12px;font-weight:700;padding:6px 11px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:background .12s ease-out,border-color .12s ease-out}
.crew-dd .shb:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.crew-dd .shb.ok{border-color:color-mix(in srgb,var(--live,#22c55e) 45%,transparent);color:var(--live,#22c55e)}
.crew-dd .shb.ok:hover{background:color-mix(in srgb,var(--live,#22c55e) 12%,transparent)}
.crew-dd .shb.warn:hover{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}
.crew-dd .shb.danger{border-color:color-mix(in srgb,var(--danger) 50%,transparent);color:var(--danger)}
.crew-dd .shb.danger:hover,.crew-dd .shb.perm{background:var(--danger);color:#fff;border-color:var(--danger)}
.crew-dd .shb.ghost{opacity:.8}
.crew-dd .shb.is-busy{opacity:.5;pointer-events:none}
.crew-dd .shrange{width:100%;accent-color:var(--danger);cursor:pointer}
.crew-dd .shin{width:100%;border:1px solid var(--line);background:var(--inset);color:var(--ink);font-size:12px;padding:6px 9px;border-radius:8px}
.crew-dd .shin::placeholder{color:var(--ink2)}
.crew-dd .shsel{border:1px solid var(--line);background:var(--inset);color:var(--ink);font-size:12px;padding:6px 9px;border-radius:8px;max-width:150px}
.crew-dd .ctx-msg{margin:4px 14px 0;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:600}
.crew-dd .ctx-msg.ok{background:color-mix(in srgb,var(--live,#22c55e) 12%,transparent);color:var(--live,#22c55e)}
.crew-dd .ctx-msg.err{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.crew-dd .ctx-msg[hidden]{display:none !important}

/* Alla verktyg (hopfällda) */
.crew-dd .dd-tools-tgl{appearance:none;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink2);font-size:12px;font-weight:700;padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left}
.crew-dd .dd-tools-tgl:hover{color:var(--ink);background:var(--inset)}
.crew-dd .dd-tools-tgl .cev{margin-left:auto;transition:transform .15s ease-out}
.crew-dd .dd-tools-tgl.open .cev{transform:rotate(180deg)}
.crew-dd .dd-tools[hidden]{display:none !important}

/* SUPPORT & ÄRENDEN-ikonen (alla inloggade) — statuschip i dropdownen */
.top .tb-dd#dd-tickets .tk-st{font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.3px}
.top .tb-dd#dd-tickets .tk-row .nic-main{color:var(--accent)}

/* ============================================================
   NAV-FLIKAR: IDENTITETSFÄRGER (2026-07-11, Kentas val: förslag 2)
   Problem: ikonerna låg i samma grå (--dim) som metadata + 8px-labels
   → ögat filtrerade bort hela navigationen. Nu bär varje flik sin
   egen identitetsfärg från temats BEFINTLIGA tokens (funkar i båda
   lägena automatiskt): hub=accent, leaderboard=gold, tracker=elite,
   f-inder=danger(rosa), lfg=live(grön), butik=champ(lila).
   Labels 8→9px i --ink2, hover lyfter till --ink, aktiv flik får
   accent-wash-platta + behåller accent-underline. Rör ENDAST .tabs
   — iconbtns och right-sidan är oförändrade.
   ============================================================ */
.top .tabs{gap:4px}
.top .tab{transition:background .12s ease-out}
.top .tab .tab-lbl{font-size:9px;color:var(--ink2);transition:color .12s ease-out}
.top .tab:hover .tab-lbl,
.top .tab.on .tab-lbl{color:var(--ink)}
.top .tab.on{background:var(--accent-wash)}
.top .tab.t-hub > .bi{color:var(--accent)}
.top .tab.t-lb > .bi{color:var(--gold)}
.top .tab.t-tr > .bi{color:var(--elite)}
.top .tab.t-fi > .bi{color:var(--danger)}
.top .tab.t-lfg > .bi{color:var(--live)}
.top .tab.t-shop > .bi{color:var(--champ)}
/* F-inder: puls-glöden och NY-badgen följer flikens identitetsfärg i stället för accent */
.top .tab-aim > i{--accent:var(--danger)}
.top .tab-aim .tab-new{background:var(--danger)}


/* MOBIL touch-targets (≤820) — säkra ≥44px tryckyta på topbar-ikonerna (a11y).
   Tillagt 2026-07-12 (design-critique fix 5). */
@media(max-width:820px){
  .top .iconbtn,.top .burger{min-width:44px;min-height:44px}
  /* SÖK-IKONEN PÅ MOBIL (2026-07-15): .tb-searchbtn{display:none} i forre_pulse.css
     saknade sin mobil-motregel → knappen ("öppnar drawern där sökfältet ligger överst")
     kunde ALDRIG visas. Återställd här så mobilen har en synlig sök-ingång i topbaren. */
  .top .tb-searchbtn{display:inline-flex;align-items:center;justify-content:center}
}


/* ============================================================================
   KAFFEKOPPEN — FLYTTAD HIT 2026-08-19 (från pulse-nav.php:1496-1528)
   ----------------------------------------------------------------------------
   VARFÖR DEN BOR HÄR NU. Markupen kommer ur pulse-coffee.php via
   pulse-topbar.php:1568 och renderas på VARJE pulse-sida (default.php:407).
   CSS:en låg i ett inline-block i pulse-nav.php, som bara sex vyer inkluderar
   — så på 9 av 20 mätta rutter fanns knappen utan sina regler och visade TVÅ
   koppar bredvid varandra (.cof-w föll från 14 px/grid till 30 px/block och
   .cof-f tappade opacity:0). Bland de drabbade: ?page=nu (bottennavens flik 2)
   och ?page=squad/<tag> (dit varje squadlänk går).

   ★ REGELN: CSS för ett element som toppbaren äger ska bo i den här filen.
     Aldrig i en rail-partial, aldrig inuti #pulse-content — PJAX byter ut
     det innehållet (pulse-nav.js:374) och tar då stilen med sig mitt i en
     session, utan omladdning.

   Selektorerna är oförändrade från originalet, inklusive .top .in .right-
   prefixet. De träffar bara topbar-varianten av pulse_coffee(); låd- och
   menyvarianterna (.pd-coffee, .me-coffee) stylas i forre_pulse.css.
   ========================================================================= */
/* ── KAFFEKOPPEN: TYST FÖRE, VARM PÅ HOVER ───────────────────────────────
   Vilotillståndet är medvetet omärkligt — samma grå som allt annat. Hela
   effekten ligger i hovern: konturkoppen tonar över till en fylld kopp i
   guld, två ångstrimmor stiger och löses upp, och knappen lyfter en pixel
   som när man tar upp koppen.

   Ångan animeras även när systemet ber om mindre rörelse. Det är ett
   medvetet undantag, precis som navbarens streck: effekten är hela poängen
   med knappen, den startar bara av din egen muspekare, och den flyttar
   ingenting annat på sidan. */
.top .in .right .sbt-cof{overflow:visible!important}
.top .in .right .sbt-cof .cof-w{position:relative;display:grid;place-items:center;
  width:14px;height:14px;line-height:1}
.top .in .right .sbt-cof .cof-o,.top .in .right .sbt-cof .cof-f{
  position:absolute;inset:0;display:grid;place-items:center;font-size:14px!important;
  line-height:1!important;transition:opacity .2s ease-out}
.top .in .right .sbt-cof .cof-f{opacity:0;color:var(--gold)}
.top .in .right .sbt-cof:hover .cof-o{opacity:0}
.top .in .right .sbt-cof:hover .cof-f{opacity:1}
.top .in .right .sbt-cof:hover{color:var(--gold)!important;transform:translateY(-1px)}
.top .in .right .sbt-cof:active{transform:translateY(0) scale(.94)}
/* Ångan: två strimmor, olika takt, så det inte blir en metronom. */
.top .in .right .sbt-cof .cof-s{position:absolute;top:-7px;left:50%;transform:translateX(-50%);
  display:flex;gap:3px;pointer-events:none}
.top .in .right .sbt-cof .cof-s i{width:2px;height:5px;border-radius:2px;
  background:var(--gold);opacity:0;transform:translateY(3px)}
.top .in .right .sbt-cof:hover .cof-s i:first-child{animation:cofSteam 1.15s ease-out infinite}
.top .in .right .sbt-cof:hover .cof-s i:last-child{animation:cofSteam 1.15s ease-out .38s infinite}
@keyframes cofSteam{
  0%   {opacity:0;   transform:translateY(4px)  scaleY(.7)}
  35%  {opacity:.85; transform:translateY(0)    scaleY(1)}
  100% {opacity:0;   transform:translateY(-6px) scaleY(1.25)}
}

/* ============================================================================
   TRÄFFYTOR PÅ MOBIL (2026-08-19)
   ----------------------------------------------------------------------------
   Uppmätt live på 390 px: alla ikonknappar i toppbaren är 44x44 — utom
   AVATAREN, som var 32x29. Det är den minsta träffytan i hela skalet och
   samtidigt ingången till kontomenyn.

   ★ Ytan växer med ett ::after, inte med width/height. Anledningen: avataren
     är sista elementet i .top .in .right, och dess högerkant ska linjera med
     containerns synliga kant (husregel om symmetri och lod). Växer BOXEN
     spiller klustret 12 px åt höger och sidan får sidledsscroll vid 360 px.
     Ett absolut ::after ändrar bara var fingret räknas, aldrig var något
     ritas.
   ========================================================================= */
@media (max-width:820px){
  /* ── AVATAREN LÄMNAR TOPPBAREN (2026-08-19, Kentas val "C: en meny") ────
     Mobilen hade FYRA menyer: bottennaven, lådan, kontomenyn under avataren
     och kommandopaletten. Kontomenyns tre unika rader (Mina ärenden, Admin
     Panel, LFG-synlighet) bor sedan i dag i lådan, och Profil/Vänner/Squads
     fanns redan där. Kvar var en knapp som öppnade en femte lista med saker
     man redan kunde nå — och den var dessutom 32x29 px, den minsta
     träffytan i hela skalet.

     ★ INGET FÖRSVINNER. Identiteten står överst i lådan (avatar + namn +
       "Visa profil"), och profilen är fortfarande ETT tryck bort via
       bottennavens "Jag". Toppbaren går från 7 ikoner till 5:
       ☰ · FORRE.NU · sök · kaffe · notiser.

     Kaffekoppen är kvar med flit: den är inte navigation, den är husets enda
     frivilliga gåva, och den har en egen komponent och en egen juridik
     (pulse-coffee.php). Discord är däremot dolt sedan tidigare och har en
     bättre rad i lådans fot, där den också förklarar sig. */
  .top .in .right .me,
  .top .in .right .me-item{display:none !important}

  /* Discord-ikonen med. Den gamla kommentaren i forre_pulse.css påstod att
     .tb-tools redan är dold på mobil — det stämde för PHP-fallbacken, men
     React-ön renderar sin egen .sbt-dsc utanför .tb-tools och den syntes
     alltså ändå (mätt live 2026-08-19: 44x44 på ?page=hub, men BORTA på
     ?page=nu — toppbaren bytte innehåll mellan sidor, vilket är värre än
     att ha ikonen eller inte ha den).
     Lådans rad är dessutom bättre: den säger "Koppla din Discord" till den
     som inte kopplat, och länkar till servern för den som gjort det. */
  .top .in .right .sbt-dsc,
  .top .in .right .tb-dscw{display:none !important}
}