/* UTBRUTEN ur themes/forre_pulse/views/partials/pulse-nav.php rad 1556 (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. */
/* ── ★ NAVBAR-CSS:EN LIGGER INTE HÄR LÄNGRE (flyttad 2026-08-22) ──────────
   Allt som styrde .top, .sbar, .rail:s sticky-offset, .tb-dd, .me-dd och
   .sbox-panelen bor nu i themes/forre_pulse/css/pulse-navbar.css.

   VARFÖR: den här partialen inkluderas bara från pulse-leftrail.php, alltså
   bara på sidor som HAR en vänsterräl. ?page=override kör en ren .shell utan
   rälar och fick därför aldrig topbarens mått — den föll tillbaka på
   forre_pulse.css:79 (58 px, gap 14) och högerklustret rymdes inte i 1168 px:
   Discord och månen radbröts, avataren hamnade utanför kortkanten.

   ★ LÄGG INTE TILLBAKA TOPBAR-CSS HÄR. Filen laddas ovillkorligt från
   pulse-topbar.php; en regel som bor här når bara halva sajten.
   Vägg-korten (.card.post) nedan hör till rälen och står kvar med flit. */

/* ══════════════════════════════════════════════════════════════════════════
   WALL-POSTERNA = MOCKUPEN (menyer-4.0 rad 369–418)

   Posterna var byggda i 1.0-skala: 42 px avatarer, 14,5 px text, 36 px höga
   knappar. Mockupen kör 34 · 12,5 · 28. Det låter som småsaker tills man
   räknar: ett inlägg med tre rader text gick på 428 px live mot ~300 i
   mockupen. Två poster till på samma skärm, och flödet slutar kännas som en
   trappa man klättrar.

   Brödtexten går från --ink till --ink2 med fetstil kvar i --ink. Det är
   samma grepp som i mockupen: när ALLT är kolsvart finns ingen betoning
   kvar att ge bort.

     avatar   42 → 34        namn    14,5/700 → 12,5/700
     text   14,5 → 12,5      knapp   h36/13,5 → h28/11,5
     header 14/16/10 → 11/12/8    fot  4px 8px → 0 8px 8px
   ══════════════════════════════════════════════════════════════════════════ */
.card.post{border-radius:8px}
.card.post .ph{padding:11px 12px 8px!important;gap:10px!important;align-items:flex-start!important}
.card.post .ph .av{width:34px!important;height:34px!important;flex:0 0 auto}
.card.post .ph .nm{font-size:12.5px!important;font-weight:700!important;line-height:1.2!important;gap:6px!important}
.card.post .ph .t{font-size:10.5px!important;font-weight:500!important;color:var(--faint)!important;margin-top:1px!important}
.card.post .ph .pmore{width:26px!important;height:26px!important;border-radius:var(--r-sm)!important;
  font-size:14px!important;color:var(--faint)!important}
.card.post .body{padding:0 12px 10px!important;font-size:12.5px!important;line-height:1.5!important;
  color:var(--ink2)!important}
.card.post .body b,.card.post .body strong{color:var(--ink)!important;font-weight:700!important}
.card.post .body a{font-weight:600}
/* Rank-chippet i namnraden: mockupens .rk — 9 px, versal, rundad. */
.card.post .ph .wallrank{font-size:9px!important;font-weight:900!important;letter-spacing:.07em!important;
  text-transform:uppercase!important;padding:2px 6px!important;border-radius:20px!important}
.card.post .ph .wallrank-ico{width:11px!important;height:11px!important}
/* Märkena i namnraden en aning mindre (din bild 1). Kosmetik-badgen var
   20 px — större än rankikonen på 11 och namnet på 12,5, så den drog blicken
   först i en rad där namnet ska komma först. */
.card.post .ph .fc-badge{width:16px!important;height:16px!important;font-size:10px!important}
.card.post .ph .fc-b{width:16px!important;height:16px!important}
.card.post .ph .wallrank-lbl{font-size:9px!important}
/* Foten: 28 px knappar, 11,5/700, ikon 13. Räknarna till höger. */
.card.post .pfoot{padding:0 8px 8px!important;gap:2px!important}
.card.post .pfoot .act{height:28px!important;padding:0 10px!important;font-size:11.5px!important;
  font-weight:700!important;border-radius:var(--r-sm)!important;gap:6px!important}
.card.post .pfoot .act .ic{width:13px!important;height:13px!important}
/* Knapparna TÄTT TILL VÄNSTER, inte utspridda. Live hade flex-grow:1 på varje
   knapp, så de sträcktes till 180 px styck och sköts isär över hela bredden —
   det var skillnaden mellan din bild 2 och bild 3. Mockupen har flex:0 1 auto:
   knappen är precis så bred som sin text. */
.card.post .pfoot .act{flex:0 1 auto!important}
/* Räknaren ligger nu I foten (flyttad i wall-post-card.php) och trycks höger. */
.card.post .pfoot .pcount{margin-left:auto!important;padding:0 4px 0 0!important;
  font-size:10.5px!important;font-weight:700!important;gap:9px!important;
  display:flex!important;align-items:center!important;width:auto!important;flex:0 0 auto!important}
.card.post .pcount .f,.card.post .pc-faces img,.card.post .pc-faces span{width:17px!important;height:17px!important}
/* Statkortet och LFG-kortet följer med ner i skala. */
.card.post .wmatch,.card.post .wlfg{margin-left:12px!important;margin-right:12px!important}
.card.post .wmatch .wm-v{font-size:16px!important}
@media(max-width:560px){
  .card.post .ph{padding:10px 12px 8px!important}
  .card.post .body{padding:0 12px 10px!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   HOVER-KORTET PÅ ANVÄNDARE — 4.0

   Du visade det bredvid profilmenyn, och det var rätt sätt att visa felet:
   menyn är 212 px bred med 12 px text, kortet var 300 × 487 med 60 px avatar
   och 16 px namn. Två ytor som öppnas av samma klick-avstånd, byggda i två
   olika skalor.

   KOMPAKT är mått: 300 → 272, avatar 60 → 44, namn 16 → 13,5, kortets
   padding 14 → 12. Sju sektioner som var för sig tappar 20–30 %.

   SMART är urval, och där låg den verkliga vinsten: DNA-blocket var 163 px
   — en tredjedel av hela kortet — sex staplar med etikett och siffra. Ett
   hover-kort är en BLICK, inte en sida. Sex staplar är något man studerar;
   arketypen ("Rank Grinder") är något man registrerar. Staplarna är kvar men
   pressade till 11 px, och siffrorna får bära detaljen. Hela kortet går från
   487 till ~340 utan att en enda funktion försvinner.

   Knappraden fick behålla alla fyra — Vänner, Meddela, Utmana och menyn —
   men på 26 px i stället för 29. Det är knappar man faktiskt trycker på;
   de får inte krympa till oigenkännlighet bara för att kortet ska bli kort.
   ══════════════════════════════════════════════════════════════════════════ */
/* FLYTTAT 2026-08-08 -> themes/forre_pulse/css/pulse-hovercard.css
   ("KORTETS MATT — ENDA SANNINGEN", sist i filen).

   Har lag 23 rader !important mot .rx-hc. De vann over basfilen, sa varje
   andring gjord DAR blev osynlig — och basfilen ar den enda plats nagon
   letar. Tva sanningar om samma kort, dar den som gallde bodde i en
   nav-partial, ar precis det som gor att nasta andring ocksa blir fel.
   Vardena ar oforandrade i sak; de bor nu i kortets egen fil utan
   !important, sa vanlig kaskad rader. Lagg ALDRIG tillbaka kortstilar har. */

/* ══════════════════════════════════════════════════════════════════════════
   KOMMENTARERNA — 4.0

   Mätt live efter att posterna gått ner i skala, och då syntes felet tydligt:
   kommentartexten låg på 13,5 px medan inlägget den svarar på nu ligger på
   12,5. Ett svar vägde alltså MER än det som svarades på. Samma sak med
   avataren — 32 px i kommentaren mot 34 i inlägget, i praktiken lika stora.

   En kommentar är underordnad sitt inlägg, och det ska synas i skalan:

     avatar   32 → 26        namn   12,5/700 → 11,5/800
     text   13,5 → 12        meta   11,5     → 10,5
     bubbla  8/12 r14 → 7/11 r12
     skrivfält h33/13/r20 → h30/12/r16, knapparna 34 och 36 → 30

   Kanterna följer inläggets: 12 px, inte 14, så bubblan linjerar med
   brödtexten ovanför i stället för att hänga 2 px utanför. */
.card.post .clist{padding:0 12px!important}
.card.post .cm{gap:8px!important}
.card.post .cm-av{width:26px!important;height:26px!important;flex:0 0 auto!important}
.card.post .cm-bub{padding:7px 11px!important;border-radius:12px!important}
.card.post .cm-nm{font-size:11.5px!important;font-weight:800!important}
.card.post .cm-tx{font-size:12px!important;line-height:1.45!important;color:var(--ink2)!important;
  margin-top:2px!important}
.card.post .cm-tx b,.card.post .cm-tx strong{color:var(--ink)!important}
.card.post .cm-meta{font-size:10.5px!important;gap:12px!important;margin-top:5px!important;
  padding:0 0 0 12px!important;align-items:center!important}
.card.post .cm-t,.card.post .cm-a{font-size:10.5px!important}
.card.post .cm-a{font-weight:700!important}
/* INDRAGET BORTTAGET 2026-08-09 (Kentas val, förslag A i
   design-proposals/wall-traden-2026-08-09.html).
   Raden löd `.card.post .cm-replies{padding-left:34px!important}` och lade
   tillbaka indraget som togs bort i forre_pulse.css samma dag — !important +
   .card.post-prefixet vinner över basregeln oavsett vad som står där.
   VARFÖR BORT: indraget sa "nivå 2" och betydde inget mer. Svar på svar
   plattas medvetet till samma nivå (pulse.js topId()), så nivå 2 och nivå 3
   ritades likadant. Relationen bärs nu av adressatlänken .cm-to, som säger
   VEM svaret gick till i klartext — det indraget bara antydde.
   Uppmätt på live före ändringen: bubbelkolumnen 502 px för en toppkommentar
   mot 468 px för ett svar. Nu lika. */
/* Skrivfältet: samma rundade form som mockupens composer-fält, mindre. */
.card.post .cbox{padding:2px 12px 12px!important;gap:7px!important}
.card.post .cbox-in{height:30px!important;font-size:12px!important;border-radius:16px!important;
  padding:0 13px!important}
.card.post .cbox-emoji,.card.post .cbox-send{width:30px!important;height:30px!important;
  border-radius:var(--r-sm)!important;flex:0 0 auto!important}
.card.post .cbox-emoji .bi,.card.post .cbox-send .bi{font-size:13px!important;line-height:1!important}
.card.post .cbox-emos .cemo{font-size:15px!important;width:28px!important;height:28px!important}
/* Förhandsvisningen av kommentarer under posten, samma skala. */
/* SPACING 2026-08-01 (Kentas bild 2: "när man svarar på inlägg ser det inte bra
   ut! ingen spaceing osv"). SKALAN ÄR ORÖRD — 26 px avatar, 11,5/800 namn,
   12 px text, bubbla 7/11 står kvar precis som du satte dem ovan. Felet var
   inte storleken utan att svarsblocket saknade GRÄNS mot inlägget: padding-top
   var 0, så kommentaren klistrade i handlingsraden (Gilla/Kommentera/Dela) och
   lästes som en del av den. En hårfin linje + 11 px luft gör den till ett eget
   stycke utan att lägga till en enda ny yta. Metaraden fick samma vänsterkant
   som bubblan (12 px) — "2 min sedan" hängde 8 px utanför namnet ovanför. */
.card.post .cpreview{padding:11px 12px 12px!important;font-size:12px!important;
  border-top:1px solid var(--line)!important;margin-top:0!important}
.card.post .cpreview .cm+.cm{margin-top:10px!important}

/* ══════════════════════════════════════════════════════════════════════════
   "SKAPA INLÄGG" — 4.0 (din bild 1)

   Rutan var 520 px bred med 18 px textyta, 42 px avatar, 16 px rubrik och en
   42 px publiceringsknapp. Den var inte bara stor — den var byggd i en annan
   skala än allt den ligger ovanpå, så den läste sig som en dialogruta från
   ett annat program.

   Samma tal som resten av 4.0: 34 px avatar, 12,5 px namn, 14 px skrivyta
   (den enda som får vara större — man ska se vad man skriver), 26 px chips,
   34 px knapp. Bredden ner till 460 så den inte täcker halva flödet.
   ══════════════════════════════════════════════════════════════════════════ */
.pmodal .pm-card{width:460px!important;max-width:calc(100vw - 32px)!important;border-radius:8px!important}
.pmodal .pm-head{padding:12px 14px 10px!important;font-size:13.5px!important;font-weight:900!important;
  letter-spacing:-.01em}
.pmodal .pm-close{width:26px!important;height:26px!important;border-radius:var(--r-sm)!important;font-size:13px!important}
/* flex-start, inte center: kolumnen bredvid är 66 px hög (namn + pillren +
   hinten), så en 34 px avatar centrerad mot den hamnar UNDER namnet i stället
   för bredvid det. Med 42 px syntes det inte — med 34 gör det. Mockupens
   composer använder samma align-items:flex-start av exakt det skälet. */
.pmodal .pm-user{padding:0 14px 9px!important;gap:10px!important;align-items:flex-start!important}
.pmodal .pm-user .av{width:34px!important;height:34px!important;flex:0 0 auto!important;margin-top:1px!important}
.pmodal .pm-user .nm{font-size:12.5px!important;font-weight:800!important;line-height:1.2!important}
.pmodal .pm-vis{gap:4px!important;margin-top:3px!important}
.pmodal .pm-vis-opt{height:22px!important;padding:0 9px!important;font-size:10px!important;
  font-weight:800!important;border-radius:20px!important;gap:4px!important}
.pmodal .pm-vis-opt .bi{font-size:10px!important}
.pmodal .pm-vis-hint{font-size:10px!important;margin-top:3px!important;color:var(--faint)!important}
/* Skrivytan: 14 px är medvetet större än flödets 12,5. Man ska se vad man
   skriver — men 18 px var att skrika åt sig själv. */
.pmodal .pm-body textarea,.pmodal textarea{font-size:14px!important;line-height:1.5!important;
  min-height:76px!important;padding:0 14px!important}
/* "Lägg till i inlägget" blir mockupens chip-rad: ikonen bär färgen. */
.pmodal .pm-attach{padding:8px 10px 8px 14px!important;border-radius:var(--r-sm)!important;
  margin:0 12px!important;font-size:11px!important;font-weight:700!important;gap:6px!important}
.pmodal .pm-attach>span,.pmodal .pm-attach>label:first-child{font-size:11px!important;
  font-weight:700!important;color:var(--dim)!important}
.pmodal .pm-attach button,.pmodal .pm-attach label{height:26px!important;min-width:26px!important;
  padding:0 7px!important;border-radius:var(--r-sm)!important;font-size:11px!important}
.pmodal .pm-attach .bi{font-size:14px!important}
.pmodal .pm-foot{padding:10px 14px 12px!important}
.pmodal .pm-foot button,.pmodal [data-pm-publish]{height:34px!important;font-size:12.5px!important;
  font-weight:800!important;border-radius:var(--r-sm)!important}

/* ══════════════════════════════════════════════════════════════════════════
   VÄNSTERRAILEN = MOCKUPEN, VÄRDE FÖR VÄRDE
   design-proposals/menyer-4.0-2026-07-31.html, rad 167–259.

   Du sa "den är INTE lik alls, ska vara exakt". Du hade rätt — jag hade
   byggt innehållet men aldrig mätt formen. Varje rad nedan är en siffra
   jag läst ur mockupen och en siffra jag mätt i din webbläsare, och de
   skiljde sig på nästan allt:

     railens gap        14 → 10       kortens radie       6  → 8
     avatar             58 → 44       namnet          14/400 → 14,5/900
     rankraden      14/400 svart → 10/900 versal champ
     mätarnas padding   14 → 12       mätaretiketten  10,5/800 → 9,5/900
     ikonchipet         28 → 26       radhöjden        7px → 6px
     radens text      10,5 → 11       gruppetiketten  10/800 → 9,5/900
     sprite-rutan    26×26 → 30×34    avdelaren        7px → 6px

   Ingen av dem syns var för sig. Tillsammans är det skillnaden mellan
   "ungefär som mockupen" och mockupen.

   Scopat till .rail.left med flit: resten av sajten rör jag inte.
   ══════════════════════════════════════════════════════════════════════════ */
.rail.left{gap:10px}
.rail.left>.card{border:1px solid var(--line);border-radius:8px}

/* ── Miniprofil (mockupens .mini) ───────────────────────────────────────── */
.rail.left .pm2-head{padding:12px;gap:11px;align-items:center}
.rail.left .pm2-av{width:44px;height:44px}
.rail.left .pm2-nmrow{font-size:14.5px;font-weight:900;line-height:1.2}
.rail.left .pm2-rankrow{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.rail.left .pm2-meters{padding:0 12px 11px;gap:6px}
.rail.left .pm2-meter{gap:8px}
.rail.left .pm2-ml{width:44px;font-size:9.5px;font-weight:900;letter-spacing:.06em}
.rail.left .pm2-mv{font-size:10.5px;font-weight:900}

/* ── Sprites (mockupens .spr) ───────────────────────────────────────────── */
.rail.left .ps-h{padding:10px 12px 8px;gap:8px}
.rail.left .ps-hero{padding:0 12px 10px}
/* 30×34, inte 26×26. Stående rektangel — en sprite är en FIGUR, och en
   figur är högre än den är bred. Kvadraten läste sig som en ikon. */
.rail.left .ps-sq{width:30px;height:34px}
/* Mockupens .next-rad: egen yta med topplinje och inset-botten, så kortet
   får en fot i stället för att bara ta slut. */
.rail.left .ps-cta{padding:9px 12px;background:var(--inset)}
/* ── SÄSONGSKORTETS VAKNA LÄGE — 4.0 ──────────────────────────────────────
   Rarity-spåren och eventraden dyker bara upp när kortet vaknar (event live
   eller du är 1–2 sprites från att stänga en rad), och de byggdes aldrig om
   när resten gick ner i skala. Det syntes: rubriken säger CH7S3 i 11/900
   VERSALER, medan spåren under sa "Rare" och "Legendary" i 10,5/700 gemener.
   Två etikettspråk i samma kort.

   Alla etiketter i 4.0 är versala, 900, med spärr — .wm-l i statkortet,
   .ps2-l i pulsremsan, .pnav-glabel i menyn. Rarity-raderna talar samma
   språk nu, och kortet går från 279 px till ~250 utan att tappa ett spår. */
.rail.left .ps-ev{padding:7px 12px!important}
.rail.left .ps-evt{font-size:11.5px!important;font-weight:800!important}
.rail.left .ps-evl{font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important;
  text-transform:uppercase!important}
.rail.left .ps-evdot{width:6px!important;height:6px!important}
.rail.left .ps-rar{margin-top:9px!important;gap:5px!important}
.rail.left .ps-rrow{gap:8px!important;min-height:0!important}
.rail.left .ps-rk{font-size:9.5px!important;font-weight:900!important;letter-spacing:.06em!important;
  text-transform:uppercase!important;width:56px!important;flex:0 0 56px!important}
.rail.left .ps-rv{font-size:9.5px!important;font-weight:900!important;width:38px!important;
  flex:0 0 38px!important}
.rail.left .ps-rt{height:4px!important}
.rail.left .ps-thumbs{margin-top:9px!important}
.rail.left .ps-coming{font-size:10px!important;font-weight:700!important}

/* ── Menyn (mockupens .nl) ──────────────────────────────────────────────── */
.rail.left .pnav2 .pnav-glabel{padding:10px 12px 4px;font-size:9.5px;font-weight:900;
  letter-spacing:.1em;color:var(--faint);gap:7px}
.rail.left .pnav2 .pnav-glabel:first-child{padding-top:10px}
.rail.left .nlink{gap:10px;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.03em}
/* min-width MÅSTE med: basregeln sätter width:28px OCH min-width:28px, och
   min-width vinner över width oavsett specificitet. Utan raden nedan blev
   chipet 28 px brett och 26 px högt — alltså inte ens kvadratiskt. */
.rail.left .nlink .ico{width:26px;height:26px;min-width:26px;font-size:14px}
.rail.left .nlink .ico img{width:14px;height:14px}
/* nowrap är inte kosmetika: "2 bets" bröt till två rader i den smalare raden
   och sköt Dueller-raden till 47 px medan alla andra stod på 38. En pill som
   ändrar radhöjden är inte längre en pill, den är en textrad med bakgrund. */
.rail.left .nlink .ct{font-size:10.5px;font-weight:900;white-space:nowrap}
.rail.left .nlink .ct.seek,.rail.left .nlink .ct.nsub-new{font-weight:900;letter-spacing:.04em}
/* "+ betting" är en EGENSKAP hos raden, inte en andra destination — därför
   liten, ljus och utan versaler (mockupens .nl .sub). */
.rail.left .nlink .nlink-sub{font-size:10px;font-weight:500;letter-spacing:0;
  text-transform:none;color:var(--faint);white-space:nowrap}
/* Mockupens .nl .nm — etiketten är det enda i raden som får krympa. Utan den
   trycker en lång gruppnamn ut undertexten och badgen ur raden i stället för
   att kortas av. */
.rail.left .nlink .nlink-nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* .pnav2 .nlink.nsub-row är också tre klasser och står längre ned i filen →
   den vinner på ordning. Fyra klasser här, annars stannar indraget på 24. */
.rail.left .pnav2 .nlink.nsub-row{padding:6px 12px 6px 32px;font-size:10px}
.rail.left .nsub-row .ico{width:20px;height:20px;min-width:20px;font-size:11px;background:transparent}
.rail.left .pnav2 .nsep{margin:6px 12px}
/* Chevronen var absolutpositionerad (right:10px; top:21px) — därför hade
   raden padding-right:30px och därför satt den kvar på 21 px när raden
   blev lägre. I mockupen är den ett vanligt flex-barn sist i raden. */
.rail.left .nlink .nsub-car{position:static;margin-left:auto;font-size:11px;color:var(--faint)}
.rail.left .nlink .ct+.nsub-car{margin-left:6px}
.rail.left .nlink:hover .nsub-car{transform:translateX(2px)}
/* Smart pulse-nav: aktiv-markering + nyhets-prick + "nytt idag". */
.nlist .nlink{position:relative}
.nlist .nlink.is-active{background:var(--inset);color:var(--ink)}
.nlist .nlink.is-active::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.nlist .nlink.has-new .ico{position:relative}
.nlist .nlink.has-new .ico::after{content:"";position:absolute;top:-3px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--live,#22c55e);border:2px solid var(--card);animation:pulseNavDot 1.8s ease-out infinite}
.nlist .nlink .ct.frac{letter-spacing:.02em}
@keyframes pulseNavDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.nlist .nlink.has-new .ico::after{animation:none}}
/* pnav2-bas ÅTERSTÄLLD 2026-07-12 — dessa regler försvann när forre_pulse.css blev
   trunkerad (allt efter .hubshop-img kapades: pnav2 + shop-captions). Stopgap inline
   här så nav:en funkar oavsett css-synk; ta bort när hela forre_pulse.css återställts. */
.pnav2 .pnav-glabel{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);padding:12px 12px 4px}
.pnav2 .pnav-glabel:first-child{padding-top:6px}
.pnav2 .pnav-frac{margin-left:auto;display:inline-flex;align-items:center;gap:7px}
.pnav2 .pnav-mini{width:26px;height:4px;border-radius:999px;background:var(--line);overflow:hidden;display:inline-block}
.pnav2 .pnav-mini i{display:block;height:100%;background:var(--accent)}
.pnav2 .pnav-frac .ct{margin-left:0}
.pnav2 .nsep{height:1px;background:var(--line);margin:7px 12px}
/* Ta bort topp-linjen på mini-profilkortet (Kentas önskemål 2026-07-12) */
.card.pmini2{border-top:0}
.card.pmini2::before{display:none}
/* Smält ihop med mini-profilen ovanför → EN modul, ingen linje/gap i toppen */
.card.pmini2 + .pnav2{margin-top:-14px;border-top:0;border-top-left-radius:0;border-top-right-radius:0}
.card.pmini2:has(+ .pnav2){border-bottom-left-radius:0;border-bottom-right-radius:0}

/* ── Nav 2.2 (2026-07-18, Kentas mockup-godkännande): navbarens typografi
   (Roboto 10.5px/700/uppercase/.03em — samma som .tdk .tab-lbl) + gemensam
   högerkolumn: alla rader har fast caret-slot (padding-right:30px, caret
   absolut @right:10px) så räknare/badges alltid linjerar på samma kant.
   Tabler-ikoner (ti-*) ersatte bi-ikonerna. Aktiv rad = fylld accent-chip,
   INGEN vänsterlinje (Kentas regel: inga accent-strippar). */
.pnav2 .nlink{gap:11px;padding:7px 30px 7px 12px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;position:relative}
/* ikon-chip: ti-<i>, coin-<span> m.fl. — allt med .ico får chip */
.pnav2 .nlink .ico{
  width:28px;height:28px;min-width:28px;border-radius:var(--r-sm);
  background:var(--inset);color:var(--ink2);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:15px;transition:background .13s,color .13s,transform .13s}
.pnav2 .nlink:hover .ico{background:var(--accent-wash);color:var(--accent)}
.pnav2 .nlink.is-active .ico{background:var(--accent);color:#fff}
.pnav2 .nlink.is-active{background:transparent;color:var(--ink);font-weight:800}
.pnav2 .nlink.is-active::before{display:none}
/* Item Shop: accentfärgad cart-glyph i vilande läge (mockupen) */
.pnav2 .nlink .ico.ico-shop{color:var(--accent)}
/* nyhets-prick mot chip-hörnet */
.pnav2 .nlink.has-new .ico::after{top:-4px;right:-4px;border-color:var(--card)}
/* tvånivå-badges: tyst antal = ren siffra (tabular) · seek = accent-pill (för dig) · live = grön pill */
.pnav2 .nlink .ct{background:transparent;color:var(--dim);padding:0;font-size:10.5px;font-weight:800;letter-spacing:.02em;border-radius:0;font-variant-numeric:tabular-nums}
.pnav2 .nlink .ct.seek{background:var(--accent-wash);color:var(--accent-ink);padding:3px 8px;border-radius:20px;font-weight:800;font-size:9.5px;letter-spacing:.04em}
.pnav2 .nlink .ct.live{background:var(--live);color:#fff;padding:3px 8px;border-radius:20px;font-size:9.5px}
.pnav2 .nlink .pnav-frac .ct.frac{background:transparent;color:var(--dim);padding:0}
.pnav2 .nlink-dim.is-active .ico{background:var(--accent);color:#fff}

/* ── Sido-undermenyer (2026-07-16): LFG/Squads-raderna öppnar topbarens
   flyouts från sidan (hover, endast riktiga pekare). Sub-rader (min squad,
   grupper m nytt) är statiska → funkar identiskt i mobil-drawern. */
/* Caret ligger ABSOLUT i den fasta högersloten (right:10px) på alla rader —
   det är den som gör att badgekolumnen linjerar. */
.pnav2 .nlink .nsub-car{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin-left:0;font-size:10px;color:var(--dim);transition:transform .15s ease,color .15s ease;flex:0 0 auto}
.pnav2 .nlink:hover .nsub-car{color:var(--accent)}
.pnav2 .nlink.fly-open .nsub-car{transform:translateY(-50%) rotate(90deg);color:var(--accent)}
.pnav2 .nlink .ct.nsub-new{display:inline-flex;align-items:center;gap:3px;background:var(--danger);color:#fff;padding:3px 8px;border-radius:20px;font-weight:800;font-size:9.5px;letter-spacing:.04em}
.pnav2 .nlink .ct.nsub-new i{font-size:8.5px}
.pnav2 .nlink.nsub-row{padding:4px 30px 4px 24px;font-size:10px;color:var(--ink2)}
.pnav2 .nlink.nsub-row .ico.nsub-ico{width:20px;height:20px;min-width:20px;font-size:11px;background:transparent;color:var(--dim)}
.pnav2 .nlink.nsub-row:hover .ico.nsub-ico{background:transparent;color:var(--accent)}

/* ── Kombo 2+1 (2026-07-17): interaktionsspråk + Just nu-rader ────────── */
/* Gruppetiketter med hårlinje */
.pnav2 .pnav-glabel{display:flex;align-items:center;gap:9px}
.pnav2 .pnav-glabel::after{content:"";flex:1;height:1px;background:var(--line)}
/* Hover: mörkare text + tryck-kvittens + tangentbordsring */
.pnav2 .nlink{transition:background .12s ease-out,color .12s ease-out}
.pnav2 .nlink:hover{color:var(--ink)}
.pnav2 .nlink:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pnav2 .nlink:active .ico{transform:scale(.93)}
/* Chevron-avslöjande vid hover — bara rader UTAN egen undermeny-pil/subrad.
   Absolut i SAMMA högerslot som nsub-car → stör inte badge-linjeringen. */
.pnav2 .nlink:not([data-nsub]):not(.nsub-row):not(.pnav-pulse)::after{
  content:"";position:absolute;right:10px;top:50%;width:11px;height:11px;flex:0 0 auto;margin:0;background:currentColor;
  opacity:0;transform:translateY(-50%) translateX(-4px);transition:opacity .12s ease-out,transform .12s ease-out;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6" fill="none" stroke="black" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6" fill="none" stroke="black" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat}
.pnav2 .nlink:not([data-nsub]):not(.nsub-row):not(.pnav-pulse):hover::after{opacity:.55;transform:translateY(-50%) translateX(0)}
/* Just nu-rader: meningar (ej uppercase — läsbarhet), wash-chip i semantisk färg,
   "Titta/Läs" i navbar-skala uppercase, linjerad i samma högerkolumn */
.pnav2 .nlink.pnav-pulse{padding:6px 30px 6px 12px;font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none}
.pnav2 .nlink.pnav-pulse .ico{width:28px;height:28px;min-width:28px;font-size:14px}
.pnav2 .nlink.pnav-pulse .ico.ico-live{background:var(--live-wash);color:var(--live)}
.pnav2 .nlink.pnav-pulse .ico.ico-acc{background:var(--accent-wash);color:var(--accent)}
.pnav2 .nlink.pnav-pulse:hover .ico.ico-live{background:var(--live-wash);color:var(--live)}
.pnav2 .nlink.pnav-pulse:hover .ico.ico-acc{background:var(--accent-wash);color:var(--accent)}
.pnav2 .pnav-pulsetx em{font-style:normal;font-weight:800;color:var(--ink)}
.pnav2 .pnav-go{margin-left:auto;color:var(--accent-ink);font-weight:800;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;transition:transform .12s ease-out}
.pnav2 .nlink.pnav-pulse:hover .pnav-go{transform:translateX(2px)}
@media (prefers-reduced-motion:reduce){
  .pnav2 .nlink .nsub-car,.pnav2 .nlink::after,.pnav2 .pnav-go,.pnav2 .nlink .ico{transition:none}
  .pnav2 .nlink:active .ico{transform:none}
}