/* JUCAT kit v2 (CDev, 02.11.2026) — piese comune pentru paginile restilizate (Comunitate, Găsește meciuri, Locații,
   Rezervări): tokenuri (ca Creare/Editare v1.1), comutator segmentat cu slider, popup „Am înțeles”. Totul sub .jk.
   Reguli: Barlow 400/700; carduri 6px; butoane/câmpuri/tile 3px; 999px DOAR pe pastile de status care nu sunt butoane. */
.jk{--a:#2FD69A;--on-a:#062018;--bg:#F4F9FC;--surface:#FFFFFF;--field:#F4F9FC;--text:#061B2A;--muted:#4A5D66;--line:#E3E9EF;--track:#E3E9EF;
 --ok-t:#061B2A;--ok-bg:rgba(47,214,154,.16);--ok-l:#2FD69A;--neu-t:#4A5D66;--neu-bg:#EEF2F5;--neu-l:#D5DDE3;
 --warn-t:#B42525;--warn-bg:#FCEAEA;--warn-l:#EBB0B0;--warn-dot:#C62828;--amb-t:#8A4B00;--amb-bg:#FFEFD6;--amb-l:#F0C98A;--amb-dot:#C77700;
 --out-t:#061B2A;--accent-t:#087652;--dis:#E3E9EF;--dis-t:#6B7C84;--danger:#C62828;--danger-on:#FFFFFF;--toast-bg:#061B2A;--toast-t:#FFFFFF;
 --R:6px;--r:3px;color:var(--text);font-family:Barlow,Arial,sans-serif}
[data-theme=dark] .jk{--bg:#081820;--surface:#0F222A;--field:#0B1C23;--text:#F3F6F5;--muted:#AEBDC1;--line:#21404A;--track:#21404A;
 --ok-t:#7CEBC2;--ok-bg:rgba(47,214,154,.12);--ok-l:rgba(47,214,154,.5);--neu-t:#AEBDC1;--neu-bg:rgba(174,189,193,.10);--neu-l:rgba(174,189,193,.35);
 --warn-t:#FFB4A8;--warn-bg:rgba(255,107,91,.12);--warn-l:rgba(255,122,107,.55);--warn-dot:#FF7A6B;--amb-t:#FFD08A;--amb-bg:rgba(255,184,77,.14);--amb-l:rgba(255,184,77,.5);--amb-dot:#FFB84D;
 --out-t:#2FD69A;--accent-t:#2FD69A;--dis:#3A5560;--dis-t:#8FA3AA;--danger:#FF7A6B;--danger-on:#2A0703;--toast-bg:#1B3540;--toast-t:#F3F6F5}
.jk *{box-sizing:border-box}
.jk :is(button,input,textarea,select){font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.jk :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--a);outline-offset:2px}

/* comutator segmentat cu 2 opțiuni (Social/Activitate, Toți/Urmăriți, Calendar/Listă) */
.jk .jk-seg{position:relative;flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;border-radius:var(--r);background:var(--field);border:1px solid var(--line);min-width:0}
.jk .jk-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--r);background:var(--a);transition:transform .28s cubic-bezier(.3,.7,.2,1);pointer-events:none}
.jk .jk-seg[data-i="1"] .jk-seg-thumb{transform:translateX(100%)}
.jk .jk-seg button{position:relative;z-index:1;min-height:34px;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:700;padding:0 10px;border-radius:var(--r);cursor:pointer;white-space:nowrap;transition:color .2s ease}
.jk .jk-seg button[aria-selected=true],.jk .jk-seg button[aria-pressed=true]{color:var(--on-a)}

/* popup de citit, cu „Am înțeles” (nu extinde pagina) */
.jk.jk-pop-wrap{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center}
@media(min-width:801px){.jk.jk-pop-wrap{align-items:center}}
.jk .jk-pop-back{position:absolute;inset:0;border:0;padding:0;background:rgba(2,10,13,.55);cursor:pointer;animation:jkFade .2s ease both}
.jk .jk-pop{position:relative;width:100%;max-width:520px;max-height:86vh;overflow-y:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--R) var(--R) 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:jkSheet .3s ease both}
@media(min-width:801px){.jk .jk-pop{border-radius:var(--R);padding:18px 20px;animation:jkRise .25s ease both}.jk .jk-pop-handle{display:none}}
.jk .jk-pop-handle{align-self:center;width:40px;height:4px;border-radius:2px;background:var(--line)}
.jk .jk-pop h2{margin:0;font-size:20px;font-weight:700;outline:none}
.jk .jk-pop-body{font-size:15px;line-height:1.5;color:var(--text)}
.jk .jk-pop-body p{margin:0 0 10px}.jk .jk-pop-body :last-child{margin-bottom:0}
.jk .jk-btn{width:100%;min-height:48px;border-radius:var(--r);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:0;background:var(--a);color:var(--on-a);cursor:pointer;text-decoration:none}
.jk .jk-btn.ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}
.jk .jk-pill{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}
@keyframes jkFade{from{opacity:0}to{opacity:1}}
@keyframes jkSheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes jkRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* aplicația impune 400 și geometrie globală cu !important; un !important din @layer le bate, doar sub .jk */
@layer jk-v2{
 .jk :is(h1,h2,h3,.jk-seg button,.jk-btn,.jk-pill,b,strong){font-weight:700!important}
 .jk .jk-pop-back{background:rgba(2,10,13,.55)!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;padding:0!important;min-height:0!important}
 .jk .jk-seg button{background:transparent!important;border:0!important;box-shadow:none!important;min-height:34px!important;padding:0 10px!important;font-size:13px!important}
 .jk .jk-seg button,.jk .jk-seg button:is(:hover,:focus,:focus-visible,:active){color:var(--text)!important;background:transparent!important}
 .jk .jk-seg button:is([aria-selected=true],[aria-pressed=true]),.jk .jk-seg button:is([aria-selected=true],[aria-pressed=true]):is(:hover,:focus,:focus-visible,:active){color:var(--on-a)!important}
 .jk .jk-pill{border-radius:999px!important}
 .jk .jk-pop{border-radius:6px 6px 0 0!important}
}
@media(min-width:801px){@layer jk-v2{.jk .jk-pop{border-radius:6px!important}}}

/* Regula „i”: buton mic lângă titlu/etichetă (cerc 20px vizibil, țintă 44px prin ::before) + tooltip mic; merge și în afara .jk */
.jk-i{--i-c:#4A5D66;--i-l:#C9D3DA;position:relative;display:inline-grid;place-items:center;flex:none;width:20px;height:20px;margin:0 2px;padding:0;border-radius:50%;border:1.5px solid var(--i-l);background:transparent;color:var(--i-c);font:700 12px/1 Barlow,Arial,sans-serif;font-style:normal;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent}
[data-theme=dark] .jk-i{--i-c:#AEBDC1;--i-l:#3A5560}
.jk-i::before{content:"";position:absolute;inset:-12px}
.jk-i[aria-expanded=true],.jk-i:hover{border-color:#087652;color:#087652}
[data-theme=dark] .jk-i[aria-expanded=true],[data-theme=dark] .jk-i:hover{border-color:#2FD69A;color:#2FD69A}
.jk-i:focus-visible{outline:2px solid #2FD69A;outline-offset:2px}
.jk.jk-tip{display:flex;align-items:flex-start;gap:6px;position:fixed;z-index:5000;max-width:min(280px,calc(100vw - 16px));padding:9px 11px;border-radius:6px;background:var(--toast-bg);color:var(--toast-t);font-size:13px;font-weight:400;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:jkFade .15s ease both;pointer-events:auto}
[data-theme=dark] .jk.jk-tip{border:1px solid #2B5466}
.jk .jk-tip-x{flex:none;position:relative;width:20px;height:20px;margin:-2px -4px 0 0;padding:0;border:0;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;opacity:.8}
.jk .jk-tip-x::before{content:"";position:absolute;inset:-12px}
@layer jk-v2{
 .jk-i{width:20px!important;height:20px!important;min-height:0!important;min-width:0!important;padding:0!important;border-radius:50%!important;background:transparent!important;border:1.5px solid var(--i-l)!important;color:var(--i-c)!important;font-weight:700!important;font-size:12px!important;line-height:1!important;box-shadow:none!important}
 .jk-i[aria-expanded=true],.jk-i:hover{border-color:#087652!important;color:#087652!important}
 [data-theme=dark] .jk-i[aria-expanded=true],[data-theme=dark] .jk-i:hover{border-color:#2FD69A!important;color:#2FD69A!important}
 .jk-i span{font-weight:700!important;font-size:12px!important;color:inherit!important}
 .jk.jk-tip{font-weight:400!important;border-radius:6px!important}
 .jk .jk-tip-x{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:0!important;color:inherit!important;width:20px!important;height:20px!important}
}
@media(prefers-reduced-motion:reduce){.jk *,.jk{animation:none!important;transition:none!important}}

/* Fix1 (02.11.2026, feedback Andrei pe Dev): spațiul de sub antet = antetul fix de 72px + 12px pe TOATE paginile aplicației jucătorului
   (înainte 24/32px din .wrap, design-v1/system.css 96/104px, + 12–34px din pagină). Regulă generală pe .wrap; specificitatea
   (4×:not(#id)) bate regula de bază (3). Mai jos: paddingul/marginea de sus proprii ale paginilor vechi, aduse la 0, ca primul
   element să stea la 12px sub antet. Paginile restilizate (Acasă, Comunitate, Meciuri, Locații, Rezervări) au deja sus 0 în CSS-ul lor. */
:root{--jk-head-gap:12px}
:root:not(#jk-f1a):not(#jk-f1b):not(#jk-f1c):not(#jk-f1d) body.jucat-design.player-experience .wrap{padding-top:calc(72px + var(--jk-head-gap))!important}
:root:not(#jk-f1a):not(#jk-f1b):not(#jk-f1c):not(#jk-f1d) body.jucat-design.player-experience .wrap :is(#mp17,#mf11,#notificationsPage,#messagesPage){padding-top:0!important}
:root:not(#jk-f1a):not(#jk-f1b):not(#jk-f1c):not(#jk-f1d) body.jucat-design.player-experience .wrap .account-page{margin-top:0!important}
:root:not(#jk-f1a):not(#jk-f1b):not(#jk-f1c):not(#jk-f1d) body.jucat-design.player-experience .wrap #profilePage.account-page{padding-top:0!important}
/* Echipe pe telefon: titlul „Echipe” e ascuns (.j-clean-hidden), dar învelișul lui gol păstra 16px de gap deasupra butonului „Creează o echipă” */
:root:not(#jk-f1a):not(#jk-f1b):not(#jk-f1c):not(#jk-f1d) body.jucat-design.player-experience .wrap .p2-head>div:not(:has(> :not(.j-clean-hidden))){display:none!important}
/* Locații / Meciuri montate înainte ca pagina veche să fie mutată în .j-page-frame (cursă la încărcare): rădăcina rămâne copil direct
   al .wrap → aceeași coloană ca Acasă (cadrul are pe desktop coloana din dreapta de 240px + 20px spațiu). */
@media(min-width:951px){:root:not(#jk-f1a):not(#jk-f1b):not(#jk-f1c):not(#jk-f1d) body.jucat-design.player-experience .wrap>:is(#lv2,#gm2){max-width:calc(100% - 260px)!important}}