/* ═══════════════════════════════════════════════════════════════
   ETAP E — Sigma Core Center uporządkowany
   Profil wspólny / Chart-Terminal / Droga Tradera / Admin / System.
═══════════════════════════════════════════════════════════════ */
:root{--suc-bg:#070a11;--suc-card:#0d1420;--suc-line:rgba(255,255,255,.09);--suc-line2:rgba(232,176,75,.22);--suc-txt:#e7eef9;--suc-dim:#8795aa;--suc-gold:#e8b04b;--suc-gold2:#ffd580;--suc-cyan:#55d7ef;--suc-green:#00c896;--suc-red:#f05264;--suc-purple:#b06ef0}
.suc-root{display:none;}
.suc-root.is-open{display:block;}
.suc-root[hidden]{display:none!important;}
.suc-scrim{position:fixed;inset:0;z-index:390000!important;display:grid;place-items:center;padding:22px;background:rgba(3,5,10,.82);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.18s;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;color:var(--suc-txt)}
.suc-scrim.open{opacity:1;pointer-events:auto}
.suc-modal{width:min(1220px,calc(100vw - 34px));height:min(790px,calc(100vh - 34px));display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,#0e131d,#070a11);border:1px solid var(--suc-line2);border-radius:20px;box-shadow:0 44px 140px rgba(0,0,0,.72),0 0 80px rgba(232,176,75,.07);overflow:hidden}
.suc-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--suc-line);background:radial-gradient(620px 160px at 82% -60%,rgba(232,176,75,.16),transparent 70%)}
.suc-title{display:flex;align-items:center;gap:12px;min-width:0}.suc-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(232,176,75,.20),rgba(61,204,240,.08));border:1px solid rgba(232,176,75,.26)}
.suc-title b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:.08em;text-transform:uppercase;color:var(--suc-gold2);line-height:1}.suc-title span{display:block;margin-top:4px;color:var(--suc-dim);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suc-x{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#cbd6e5;border-radius:11px;width:36px;height:36px;cursor:pointer;font-weight:900}.suc-x:hover{border-color:rgba(232,176,75,.34);color:#fff}
.suc-layout{min-height:0;display:grid;grid-template-columns:270px 1fr}.suc-nav{border-right:1px solid var(--suc-line);background:rgba(255,255,255,.018);padding:14px;overflow:auto}.suc-nav-group{margin:0 0 14px}.suc-nav-label{font-size:9px;color:var(--suc-dim);text-transform:uppercase;letter-spacing:.16em;margin:0 0 7px 5px}.suc-nav button{width:100%;border:1px solid transparent;background:transparent;color:#aab6c8;border-radius:12px;padding:10px 11px;margin:2px 0;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;font-family:inherit;font-size:11px;font-weight:800}.suc-nav button:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06);color:#eef4ff}.suc-nav button.on{background:linear-gradient(180deg,rgba(232,176,75,.18),rgba(232,176,75,.06));border-color:rgba(232,176,75,.32);color:var(--suc-gold2)}.suc-nav button.lock{opacity:.45;cursor:not-allowed}.suc-main{min-width:0;overflow:auto;padding:18px}.suc-main::-webkit-scrollbar,.suc-nav::-webkit-scrollbar{width:9px}.suc-main::-webkit-scrollbar-thumb,.suc-nav::-webkit-scrollbar-thumb{background:rgba(232,176,75,.32);border-radius:999px}
.suc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.suc-card{border:1px solid var(--suc-line);background:linear-gradient(180deg,rgba(17,24,36,.86),rgba(8,12,19,.86));border-radius:16px;padding:15px;position:relative;overflow:hidden}.suc-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(232,176,75,.32),transparent)}.suc-card h3,.suc-card h4{margin:0 0 12px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--suc-gold2)}.suc-card h3{font-size:18px}.suc-card h4{font-size:15px}.suc-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.055);padding:9px 0;font-size:12px}.suc-row span{color:var(--suc-dim)}.suc-row b{color:#f2e5c6;text-align:right}.suc-field{display:flex;flex-direction:column;gap:6px;margin:10px 0}.suc-field span,.suc-check span{font-size:10px;text-transform:uppercase;letter-spacing:.10em;color:#91a1b7;font-weight:800}.suc-field input,.suc-field select,.suc-field textarea{height:39px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#eaf1fb;padding:0 11px;font-family:inherit}.suc-field textarea{height:88px;padding-top:10px;resize:vertical}.suc-check{display:flex;align-items:center;gap:9px;margin:10px 0;color:#cbd6e5}.suc-check input{accent-color:var(--suc-gold)}.suc-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.suc-btn{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#dce6f5;border-radius:10px;padding:9px 13px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.suc-btn:hover{border-color:rgba(232,176,75,.32);color:#fff}.suc-btn.gold{background:linear-gradient(180deg,#ffd57d,#b67c1f);border-color:rgba(255,213,125,.4);color:#100b05}.suc-btn.red{background:linear-gradient(180deg,#d64a3d,#a42e27);border-color:rgba(214,74,61,.35);color:#fff}.suc-btn:disabled,.suc-field select:disabled,.suc-check input:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}.suc-msg{margin-top:10px;color:var(--suc-dim);font-size:11px;line-height:1.45}.suc-msg.ok{color:#7ef0c8}.suc-msg.err{color:#ff9aa8}.suc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.suc-kpi{border:1px solid var(--suc-line);border-radius:14px;background:rgba(255,255,255,.035);padding:12px}.suc-kpi span{display:block;color:var(--suc-dim);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.suc-kpi b{display:block;margin-top:4px;color:var(--suc-gold2);font-size:18px}.suc-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);overflow:hidden;margin-top:10px}.suc-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--suc-gold),var(--suc-cyan));width:0}.suc-table{width:100%;border-collapse:collapse;font-size:12px}.suc-table th{text-align:left;color:var(--suc-dim);font-size:9px;text-transform:uppercase;letter-spacing:.11em;padding:8px 9px;border-bottom:1px solid var(--suc-line)}.suc-table td{padding:9px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle}.suc-table tr:hover td{background:rgba(255,255,255,.025)}.suc-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;color:#cbd6e5}.suc-pill.admin{color:#ffb6c0;border-color:rgba(240,82,100,.28);background:rgba(240,82,100,.08)}.suc-pill.mentor{color:#d4a6ff;border-color:rgba(176,110,240,.28);background:rgba(176,110,240,.08)}.suc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.suc-tile{border:1px solid var(--suc-line);background:rgba(255,255,255,.035);border-radius:16px;padding:14px;cursor:pointer;min-height:116px}.suc-tile:hover{border-color:rgba(232,176,75,.34);background:rgba(232,176,75,.045)}.suc-tile .ico{font-size:22px}.suc-tile b{display:block;margin-top:9px;color:#f2e5c6}.suc-tile span{display:block;margin-top:5px;color:var(--suc-dim);font-size:10px;line-height:1.45}.suc-embedded{border:1px solid var(--suc-line);border-radius:16px;overflow:auto;background:rgba(255,255,255,.02);padding:12px}.suc-empty{padding:28px;text-align:center;color:var(--suc-dim);border:1px dashed rgba(255,255,255,.12);border-radius:14px}.suc-top-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.suc-top-btn{border:1px solid rgba(232,176,75,.22);background:rgba(232,176,75,.07);color:var(--suc-gold2);border-radius:999px;padding:7px 11px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:900;text-decoration:none;cursor:pointer}.suc-top-btn:hover{border-color:rgba(232,176,75,.42);filter:brightness(1.08)}.suc-hint{font-size:11px;color:var(--suc-dim);line-height:1.55;margin:0 0 12px}.suc-admin-note{border:1px solid rgba(85,215,239,.18);background:rgba(85,215,239,.035);border-radius:12px;padding:11px;color:#a8dff0;font-size:11px;line-height:1.5;margin-bottom:12px}.suc-section-note{border:1px solid rgba(232,176,75,.18);background:linear-gradient(180deg,rgba(232,176,75,.08),rgba(85,215,239,.025));border-radius:16px;padding:13px 15px;margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.suc-section-note b{font-family:'Barlow Condensed',sans-serif;color:var(--suc-gold2);text-transform:uppercase;letter-spacing:.08em;font-size:17px;white-space:nowrap}.suc-section-note span{color:#9eacc0;font-size:11px;line-height:1.55;text-align:right}.suc-mode-card.demo{border-color:rgba(85,215,239,.18)}.suc-mode-card.live{border-color:rgba(240,82,100,.18)}.suc-kpis-edu .suc-kpi b{font-size:15px}.suc-card .suc-empty{margin-top:6px;padding:18px}
@media(max-width:1120px){.suc-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.suc-layout{grid-template-columns:1fr}.suc-nav{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--suc-line)}.suc-nav-group{display:flex;gap:7px;margin:0}.suc-nav-label{display:none}.suc-nav button{white-space:nowrap}.suc-grid,.suc-tiles{grid-template-columns:1fr}.suc-kpis{grid-template-columns:1fr 1fr}.suc-modal{height:min(820px,calc(100vh - 18px));width:calc(100vw - 18px)}.suc-section-note{display:block}.suc-section-note span{text-align:left;margin-top:6px;display:block}}

/* ETAP 3A — Profil wspólny: avatar przeniesiony do Sigma Core Center */
.suc-avatar-card{min-height:220px}
.suc-avatar-row{display:grid;grid-template-columns:128px 1fr;gap:15px;align-items:center}
.suc-avatar-preview{width:116px;height:116px;border-radius:26px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(232,176,75,.20),rgba(85,215,239,.06));border:1px solid rgba(232,176,75,.34);box-shadow:0 0 28px rgba(232,176,75,.10),inset 0 0 22px rgba(0,0,0,.35)}
.suc-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.suc-avatar-empty{font-size:46px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}
.suc-avatar-meta{min-width:0}.suc-avatar-meta .suc-row:first-child{padding-top:0}
@media(max-width:720px){.suc-avatar-row{grid-template-columns:1fr}.suc-avatar-preview{width:96px;height:96px}}

/* ETAP 6A — Bezpieczeństwo: czytelna polityka hasła i brak duplikatu matrycy */
.suc-pass-rules-wrap{margin:8px 0 4px}
.suc-pass-rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.suc-pass-rules span{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;color:#aab6c8}
.suc-pass-rules span.ok{border-color:rgba(0,200,150,.26);background:rgba(0,200,150,.07);color:#7ef0c8}
.suc-pass-rules span.bad{border-color:rgba(240,82,100,.24);background:rgba(240,82,100,.06);color:#ff9aa8}
.suc-tile[data-suc-go="admin_permissions"]{border-color:rgba(85,215,239,.20);background:linear-gradient(180deg,rgba(85,215,239,.055),rgba(255,255,255,.025))}
.suc-tile[data-suc-go="admin_permissions"]:hover{border-color:rgba(85,215,239,.42);background:rgba(85,215,239,.075)}

/* ETAP CERT/RODO 2 — aktywny Sigma Core Center root */
.suc-grid.compact{grid-template-columns:repeat(3,1fr);gap:10px}
.suc-cert-rodo .suc-check{align-items:flex-start;line-height:1.45}
.suc-rodo-preview{border:1px solid rgba(232,176,75,.22);background:linear-gradient(180deg,rgba(232,176,75,.08),rgba(232,176,75,.025));border-radius:14px;padding:12px;margin:12px 0}
.suc-rodo-preview span{display:block;color:#9aabc0;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.suc-rodo-preview b{display:block;color:#ffd98a;font:900 22px/1.25 'Barlow Condensed',sans-serif;margin-top:6px;letter-spacing:.03em}
.suc-rodo-preview small{display:block;color:#8795aa;font-size:10px;line-height:1.4;margin-top:6px}
.suc-rodo-box{border:1px solid rgba(85,215,239,.17);background:rgba(85,215,239,.035);border-radius:13px;padding:12px;color:#b9d6e3;font-size:11px;line-height:1.55;margin:12px 0}.suc-rodo-box b{display:block;color:#dff6ff;margin-bottom:6px}.suc-rodo-box p{margin:6px 0}.suc-sign-box{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.suc-sign-box input[type=file]{width:100%;border:1px dashed rgba(232,176,75,.28);background:rgba(255,255,255,.035);border-radius:12px;color:#dbe6f5;padding:10px}.suc-cert-list{display:grid;gap:12px}.suc-cert-card{display:grid;grid-template-columns:1fr 142px;gap:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border-radius:16px;padding:13px}.suc-cert-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.065);padding-bottom:10px}.suc-cert-title b{color:#ffd98a;font:900 17px/1.15 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em}.suc-cert-title span{color:#f2e5c6;font-size:11px;font-weight:900}.suc-cert-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.suc-cert-meta span{border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.16);padding:8px;color:#8fa0b7;font-size:10px;line-height:1.35}.suc-cert-meta b{color:#e9f1fb}.suc-cert-qr{border:1px solid rgba(232,176,75,.18);background:rgba(232,176,75,.045);border-radius:14px;padding:9px;text-align:center;display:grid;place-items:center;align-content:center}.suc-cert-qr img{width:104px;height:104px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.suc-cert-qr small{display:block;color:#9facbf;font-size:9px;line-height:1.3;margin-top:7px}.cert-actions{margin-top:12px}
@media(max-width:760px){.suc-grid.compact{grid-template-columns:1fr}.suc-cert-card{grid-template-columns:1fr}.suc-cert-meta{grid-template-columns:1fr}.suc-cert-qr{justify-content:start;text-align:left}}

/* ETAP 6 — Admin DEMO: historia, testy i archiwizacja */
.suc-tile[data-suc-go="admin_demo"]{border-color:rgba(61,204,240,.20);background:linear-gradient(180deg,rgba(61,204,240,.06),rgba(232,176,75,.025))}
.suc-tile[data-suc-go="admin_demo"]:hover{border-color:rgba(61,204,240,.42);background:rgba(61,204,240,.08)}
.suc-demo-table small{display:block;color:#8d9bb0;font-size:9px;line-height:1.35;margin-top:2px}.suc-demo-table tr.is-test td{background:rgba(61,204,240,.035)}.suc-pill.demo-test{color:#94ecff;border-color:rgba(61,204,240,.30);background:rgba(61,204,240,.08)}.suc-demo-actions{display:flex;flex-wrap:wrap;gap:6px}.suc-demo-actions .suc-btn{font-size:9px;padding:7px 9px}.suc-field input#suc-demo-clear-reason{min-width:260px}

/* ETAP 7 — certyfikaty / RODO: test certyfikatu bez awansu */
.suc-test-cert-box{margin-top:12px;border:1px solid rgba(232,168,32,.18);background:rgba(232,168,32,.045);border-radius:14px;padding:11px}
.suc-test-cert-box h4{margin:0 0 5px;color:#ffd584;font-family:'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.suc-test-cert-box select{min-width:160px;background:#0b111b;border:1px solid rgba(232,168,32,.24);border-radius:10px;color:#f2dfae;padding:9px 10px;font:700 11px 'JetBrains Mono',monospace}
.suc-inline-link{display:inline-flex;margin-left:8px;color:#ffd584;text-decoration:none;border-bottom:1px dashed rgba(255,213,132,.45)}
.suc-inline-link:hover{color:#fff0c2;border-bottom-color:#fff0c2}

/* 22Q — Sigma Token GIF / centrowanie w centrum konta */
.suc-token-wallet-card h3{display:flex;align-items:center;gap:10px}
.suc-token-gif{width:32px;height:32px;border-radius:10px;overflow:hidden;display:inline-grid;place-items:center;border:1px solid rgba(255,213,132,.34);background:rgba(0,0,0,.25);box-shadow:0 0 18px rgba(255,213,132,.08)}
.suc-token-gif img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}


/* HOTFIX 22V — duża grafika Sigma Token w wolnej przestrzeni panelu */
.suc-token-hero{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;margin-bottom:12px;}
.suc-token-gif.big{width:84px!important;height:84px!important;border-radius:20px!important;box-shadow:0 0 34px rgba(255,213,132,.18), inset 0 0 0 1px rgba(255,255,255,.08)!important;}
.suc-token-gif.big img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;}

/* HOTFIX 22Y — Sigma Token w centrum: moneta w ramce, bez przesunięcia i bez wystawania */
.suc-token-gif,
.suc-token-gif.big{overflow:hidden!important;display:grid!important;place-items:center!important;}
.suc-token-gif img,
.suc-token-gif.big img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important;display:block!important;}
.suc-token-hero{grid-template-columns:104px 1fr!important;align-items:center!important;}
.suc-token-gif.big{width:92px!important;height:92px!important;border-radius:20px!important;}

/* HOTFIX 22Z — miejsce monety w panelu Sigma Token
   Bez przycinania GIF-a */
.suc-token-gif.big{
    width:92px!important;
    height:92px!important;
    border-radius:20px!important;
    overflow:visible!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(0,0,0,.25)!important;
}

.suc-token-gif.big img{
    width:90%!important;
    height:90%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:translateX(0px) translateY(0px) scale(.96)!important;
    display:block!important;
}
.suc-token-gif img{object-fit:contain!important;object-position:50% 50%!important;transform:scale(.94)!important;}

/* HOTFIX 22AJ — edytor progów Sigma Token */
.suc-token-table input,.suc-token-table textarea{width:100%!important;box-sizing:border-box!important;border:1px solid rgba(232,176,75,.22)!important;background:rgba(5,8,14,.72)!important;color:#eef4ff!important;border-radius:10px!important;padding:7px 8px!important;font:800 10px/1.25 JetBrains Mono,monospace!important;outline:none!important;}
.suc-token-table textarea{min-height:58px!important;resize:vertical!important;}
.suc-token-table input[data-tok="key"]{margin-top:5px!important;color:#98a9bd!important;}

/* ═══════════════════════════════════════════════════════════════════════════
   ETAP 11A — EXP · DRABINA RANG · RANKING · TOKENY  (wygląd premium)
   ───────────────────────────────────────────────────────────────────────────
   Jeden panel „EXP i nagrody" zastąpił dwa dawne ekrany (Progi RR + Tokeny).
   Skoro to teraz JEDYNE miejsce, w którym ustawia się progi, musi też
   wyglądać jak centralne miejsce — stąd wyraźna hierarchia i podświetlenie
   dwóch kolumn, które faktycznie o wszystkim decydują: Próg EXP i Nagroda.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Kolory tierów (spójne z herbem rangi w chart_profile.js) ── */
.suc-tier-bronze     {color:#d98b3a!important}
.suc-tier-silver     {color:#cdd9e6!important}
.suc-tier-gold       {color:#ffd24a!important}
.suc-tier-platinum   {color:#86e6d8!important}
.suc-tier-diamond    {color:#7fd0ff!important}
.suc-tier-master     {color:#c79bff!important}
.suc-tier-grandmaster{color:#ff86b3!important}
.suc-tier-legend     {color:#ffb061!important}
.suc-pill.suc-tier-bronze     {background:rgba(217,139,58,.14);border-color:rgba(217,139,58,.42)}
.suc-pill.suc-tier-silver     {background:rgba(205,217,230,.12);border-color:rgba(205,217,230,.38)}
.suc-pill.suc-tier-gold       {background:rgba(255,210,74,.14);border-color:rgba(255,210,74,.42)}
.suc-pill.suc-tier-platinum   {background:rgba(134,230,216,.13);border-color:rgba(134,230,216,.40)}
.suc-pill.suc-tier-diamond    {background:rgba(127,208,255,.13);border-color:rgba(127,208,255,.40)}
.suc-pill.suc-tier-master     {background:rgba(199,155,255,.13);border-color:rgba(199,155,255,.40)}
.suc-pill.suc-tier-grandmaster{background:rgba(255,134,179,.13);border-color:rgba(255,134,179,.40)}
.suc-pill.suc-tier-legend     {background:rgba(255,176,97,.14);border-color:rgba(255,176,97,.44)}

/* ── Notka „to jest JEDNO miejsce" — musi się rzucać w oczy ── */
.suc-note-strong{
  border-left:3px solid var(--suc-gold)!important;
  background:linear-gradient(90deg,rgba(232,176,75,.10),rgba(232,176,75,.02) 62%)!important;
  border-radius:12px!important;padding:14px 16px!important;
}
.suc-note-strong b{color:var(--suc-gold2)!important}

/* ── Kafelek wiodący ── */
.suc-tile-primary{
  border-color:rgba(232,176,75,.40)!important;
  background:linear-gradient(160deg,rgba(232,176,75,.10),rgba(13,20,32,.92) 58%)!important;
  box-shadow:0 0 0 1px rgba(232,176,75,.10),0 10px 34px -18px rgba(232,176,75,.55)!important;
}

/* ── Drabina: dwie kolumny, które ustalają wszystko ── */
.suc-ladder-card{
  border-color:rgba(232,176,75,.26)!important;
  background:linear-gradient(180deg,rgba(232,176,75,.045),transparent 40%),var(--suc-card)!important;
}
.suc-ladder thead th{
  position:sticky;top:0;z-index:2;
  background:#0a111c!important;
  border-bottom:1px solid rgba(232,176,75,.26)!important;
}
.suc-ladder tbody tr{transition:background .14s ease}
.suc-ladder tbody tr:hover{background:rgba(232,176,75,.05)!important}
.suc-ladder .suc-lvl-name{min-width:170px}

/* Te dwie kolumny to sedno mandatu: JEDEN wiersz = ranga + nagroda. */
.suc-ladder .suc-lvl-exp,
.suc-ladder .suc-lvl-tok{
  background:rgba(232,176,75,.06)!important;
  border-left:1px solid rgba(232,176,75,.16)!important;
}
.suc-ladder .suc-lvl-exp input{color:var(--suc-cyan)!important;font-size:12px!important;text-align:center!important}
.suc-ladder .suc-lvl-tok input{color:var(--suc-gold2)!important;font-size:12px!important;text-align:center!important}
.suc-ladder .suc-lvl-exp b{color:var(--suc-cyan)!important;font-size:14px}
.suc-ladder .suc-lvl-tok b{color:var(--suc-gold2)!important;font-size:14px}
.suc-ladder select[data-tok="tier"]{
  width:100%;background:rgba(5,8,14,.72);color:#eef4ff;border:1px solid rgba(232,176,75,.22);
  border-radius:9px;padding:7px 8px;font:700 11px/1.2 JetBrains Mono,monospace;outline:none;
}
.suc-lvl-del{padding:6px 10px!important;font-size:10px!important;white-space:nowrap}

/* ── Karta EXP (ranking użytkownika) ── */
.suc-exp-card{
  border-color:rgba(85,215,239,.28)!important;
  background:linear-gradient(165deg,rgba(85,215,239,.08),rgba(13,20,32,.95) 55%)!important;
}
.suc-kpi.big b{font-size:30px!important;line-height:1.1;letter-spacing:-.02em}
.suc-msg.warn{
  border-left:3px solid var(--suc-gold);background:rgba(232,176,75,.08);
  padding:8px 10px;border-radius:8px;color:var(--suc-gold2);font-size:11.5px;
}

/* ── Ranking: podium ── */
.suc-rank-table tbody tr.suc-top3 td{font-weight:700}
.suc-rank-table tbody tr.suc-top1{background:linear-gradient(90deg,rgba(255,210,74,.14),transparent 55%)!important}
.suc-rank-table tbody tr.suc-top2{background:linear-gradient(90deg,rgba(205,217,230,.11),transparent 55%)!important}
.suc-rank-table tbody tr.suc-top3{background:linear-gradient(90deg,rgba(217,139,58,.11),transparent 55%)!important}
.suc-rank-table tbody tr.suc-top1 td:first-child{color:#ffd24a}
.suc-rank-table tbody tr.suc-top2 td:first-child{color:#cdd9e6}
.suc-rank-table tbody tr.suc-top3 td:first-child{color:#d98b3a}

/* ── Karta-link (zamiast dawnego drugiego edytora progów) ── */
.suc-card-link{
  display:flex;flex-direction:column;justify-content:center;
  border-style:dashed!important;border-color:rgba(232,176,75,.30)!important;
}
.suc-grid.one{grid-template-columns:minmax(0,1fr)!important;max-width:520px}

/* ═══ ETAP 12E/14 — KARTOTEKA EXP + DOSTĘP AI ══════════════════════════════
   „suc-dim" istniało dotąd wyłącznie jako ZMIENNA koloru, nie jako klasa —
   dopisuję ją, bo na drugim planie (daty, uwagi, ceny przekreślone) stoi
   zarówno kartoteka EXP, jak i ekrany cennika. */
.suc-dim{color:var(--suc-dim)}
.suc-exp-plus{color:var(--suc-green)}
.suc-exp-minus{color:var(--suc-red)}
.suc-exp-zero{color:var(--suc-dim)}
.suc-table td .suc-dim{font-size:11px;line-height:1.45}