/* ═══════════════════════════════════════════════════════════════
   SIGMA PLAYER HUB — compact horizontal layout
   ETAP 1D: niższy hub, bez podpisu SIGMA CORE PLAYER HUB, Droga Tradera równa wysokości rangi.
═══════════════════════════════════════════════════════════════ */

body.sigma-player-hub-on .cauth-badge,
body.sigma-player-hub-on #jzp-chip,
body.sigma-player-hub-on .jzp-chip,
body.sigma-player-hub-on .jzp-mini,
body.sigma-player-hub-on .jzp-anchor {
  display: none !important;
}

body.sigma-player-hub-on #jzp {
  display: block !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Mateusz: usuwamy górny pasek O/H/L/C/Δ z topbaru, bo dubluje cenę i zabiera miejsce. */
.ohlc-strip { display: none !important; }

.sigma-player-hub {
  position: fixed;
  right: 4px;
  top: 4px;
  z-index: 12520;
  width: min(736px, calc(100vw - 8px));
  color: #eef4ff;
  font-family: 'JetBrains Mono', monospace;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, z-index .18s ease;
}

.sigma-player-hub * { box-sizing: border-box; }

.sigma-player-hub.sph-panel-open,
.sigma-player-hub.sph-panel-opening {
  z-index: 180000;
  opacity: 1;
  transform: none;
}

.sigma-player-hub.sph-panel-open .sph-card,
.sigma-player-hub.sph-panel-opening .sph-card {
  pointer-events: auto;
}

.sph-card {
  pointer-events: auto;
  position: relative;
  border: 1px solid rgba(232,168,32,.20);
  background:
    radial-gradient(620px 150px at 88% 0%, rgba(232,168,32,.17), transparent 62%),
    radial-gradient(360px 140px at 0% 0%, rgba(61,204,240,.10), transparent 70%),
    linear-gradient(180deg, rgba(11,17,28,.985), rgba(5,8,14,.965));
  border-radius: 15px;
  box-shadow: 0 14px 42px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.07);
  overflow: hidden;
  backdrop-filter: blur(14px);
}

.sph-card::before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--tier2), rgba(61,204,240,.30), transparent);
  opacity: .8;
}

.sph-glow {
  position: absolute;
  inset: -76px -55px auto auto;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--tier2) 34%, transparent), transparent 70%);
  pointer-events: none;
  opacity: .82;
}

.sph-identity-bar {
  position: relative;
  display: grid;
  grid-template-columns: 60px minmax(105px, .82fr) minmax(210px, 1.12fr) minmax(136px, .72fr) minmax(118px, .72fr) auto;
  gap: 8px;
  align-items: stretch;
  min-height: 68px;
  padding: 4px 8px;
}

.sph-avatar {
  align-self: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(232,168,32,.30);
  background: radial-gradient(circle at 50% 35%, rgba(232,168,32,.20), transparent 58%), rgba(255,255,255,.035);
  overflow: hidden;
  box-shadow: inset 0 0 18px rgba(232,168,32,.07), 0 0 22px rgba(61,204,240,.08);
  cursor: default;
}

.sph-avatar img { width: 100%; height: 100%; object-fit: cover; object-position:center; display:block; }
.sph-avatar-fallback { font-size: 28px; filter: drop-shadow(0 0 12px rgba(232,168,32,.20)); }
.sph-avatar-emoji { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:27px; }

.sph-ident { min-width: 0; align-self: center; }
.sph-eyebrow {
  display:none;
  color: #7e8ca0;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sph-name { display:flex; align-items:center; gap:6px; margin-top:3px; min-width:0; }
.sph-name b {
  color: #fff0c5;
  font-size: 14px;
  letter-spacing: .02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sph-verified { color: #3dccf0; font-size: 12px; }
.sph-badges { display:flex; gap:5px; flex-wrap:wrap; margin-top:4px; }

.sph-pill {
  display:inline-flex;
  align-items:center;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color:#b9c6d8;
  border-radius: 999px;
  padding: 2px 6px;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
}
.sph-pill.demo { color:#56d3e3; border-color:rgba(86,211,227,.28); background:rgba(86,211,227,.08); }
.sph-pill.live { color:#00c896; border-color:rgba(0,200,150,.30); background:rgba(0,200,150,.08); }
.sph-pill.lock { color:#ffb3a5; border-color:rgba(240,60,85,.27); background:rgba(240,60,85,.07); }

.sph-rank-main {
  display:grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap:7px;
  align-items:center;
  border:1px solid rgba(232,168,32,.18);
  border-radius:13px;
  padding:5px 7px;
  min-height:58px;
  height:100%;
  align-self:stretch;
  background:linear-gradient(180deg, rgba(232,168,32,.09), rgba(255,255,255,.025));
  min-width:0;
}
.sph-main-crest { width: 40px; height: 48px; display:block; filter: drop-shadow(0 0 10px rgba(232,168,32,.16)); }
.sph-rank-copy { min-width:0; }
.sph-rank-copy small,
.sph-edu-compact small,
.sph-compact-metric span {
  display:block;
  color:#8795aa;
  font-size:8.5px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.07em;
}
.sph-rank-copy strong {
  display:block;
  color:#ffd98a;
  font: 900 12.5px/1.12 'JetBrains Mono', monospace;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sph-rank-copy span { display:block; color:#bac8dc; font-size:9px; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sph-rank-copy em { display:block; margin-top:3px; font-style:normal; font-size:8px; color:#9fb0c4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sph-rank-exp { height:3px; border-radius:3px; background:rgba(255,255,255,.09); margin-top:6px; overflow:hidden; }
.sph-rank-exp i { display:block; height:100%; border-radius:3px; }


.sph-token-compact{
  position:relative;
  min-width:136px;
  border:1px solid rgba(232,168,32,.24);
  border-radius:13px;
  padding:5px 7px 5px 38px;
  min-height:58px;
  height:100%;
  align-self:stretch;
  display:flex;
  align-items:center;
  text-align:left;
  background:linear-gradient(180deg,rgba(232,168,32,.09),rgba(255,255,255,.02));
  color:#eaf2ff;
  cursor:pointer;
  overflow:hidden;
}
.sph-token-art{position:absolute;left:4px;top:50%;width:40px;height:40px;transform:translateY(-50%);border-radius:7px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(232,168,32,.28);background:rgba(0,0,0,.24)}
.sph-token-art img{width:100%;height:100%;object-fit:cover;object-position:right;display:block}
.sph-token-copy{display:block;min-width:0;width:100%}
.sph-token-compact small{display:block;color:#7ceeff;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-token-compact strong{display:block;color:#ffe1a3;font:900 14px/1 JetBrains Mono,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-token-compact span span,.sph-token-compact .sph-token-copy>span{display:block;color:#cdd7e6;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-token-compact em{display:block;color:#ffd584;font-size:8px;font-style:normal;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-only-toggle{min-width:70px}

.sph-edu-compact {
  min-width: 0;
  border:1px solid rgba(176,110,240,.16);
  border-radius:13px;
  padding:5px 7px;
  min-height:58px;
  height:100%;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg, rgba(176,110,240,.075), rgba(255,255,255,.018));
}
.sph-edu-compact strong {
  display:block;
  color:#d6c5ff;
  font-size:12px;
  line-height:1.12;
  margin-top:2px;
  white-space:normal;
  overflow:visible;
}
.sph-edu-compact span { display:block; color:#9fb0c4; font-size:8px; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sph-edu-bar { height:4px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; margin-top:5px; }
.sph-edu-bar i { display:block; height:100%; background:linear-gradient(90deg,#b06ef0,#e8a820); border-radius:999px; }

.sph-mode-compact {
  display:grid;
  grid-template-columns: 1fr;
  gap:6px;
  min-width:0;
}
.sph-compact-metric {
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:13px;
  padding:6px 8px;
  min-width:0;
}
.sph-compact-metric b { display:block; color:#eaf2ff; font-size:10px; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sph-compact-metric.demo b { color:#6fe5f3; }
.sph-compact-metric.live b { color:#3ee3b0; }
.sph-compact-metric.lock b { color:#ffb3a5; }

.sph-quick-actions {
  align-self: center;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  min-width:max-content;
}

.sph-quick-actions button,
.sph-actions button {
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#dbe6f5;
  border-radius:999px;
  height:23px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:900 8px/1 'JetBrains Mono', monospace;
  cursor:pointer;
  transition: transform .14s ease, border-color .14s ease, background .14s ease;
  white-space:nowrap;
}
.sph-quick-actions button:hover,
.sph-actions button:hover { transform:translateY(-1px); border-color:rgba(232,168,32,.34); background:rgba(232,168,32,.09); }
.sph-quick-actions .primary,
.sph-actions .primary { color:#ffe3a3; border-color:rgba(232,168,32,.28); background:rgba(232,168,32,.10); }
.sph-actions .danger { color:#ff9aa7; border-color:rgba(240,60,85,.28); background:rgba(240,60,85,.06); }
.sph-quick-actions .toggle { color:#bdf3ff; border-color:rgba(61,204,240,.24); background:rgba(61,204,240,.07); }
.sph-quick-actions .toggle span { font-size:12px; line-height:1; }

.sph-expand {
  max-height: 520px;
  opacity: 1;
  transform: translateY(0);
  transition: max-height .20s ease, opacity .16s ease, transform .16s ease;
  overflow: hidden;
}
.sph-card.is-collapsed .sph-expand {
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
}

.sph-grid {
  display:grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 0 8px 8px;
}
.sph-grid-single { grid-template-columns: 1fr; }
.sph-panel {
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
  padding:10px;
  min-width:0;
}
.sph-panel-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:8px; }
.sph-panel-head b { color:#f5d493; font-size:11px; }
.sph-panel-head span { color:#77869a; font-size:8.5px; text-align:right; }
.sph-modes { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.sph-mode-card {
  all:unset;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.085);
  border-radius:14px;
  background:rgba(5,9,16,.50);
  padding:8px;
  min-width:0;
  transition: transform .14s ease, border-color .14s ease, background .14s ease;
}
.sph-mode-card:hover { transform:translateY(-1px); border-color:rgba(232,168,32,.30); background:rgba(232,168,32,.065); }
.sph-mode-card.active { border-color:rgba(232,168,32,.38); background:rgba(232,168,32,.085); }
.sph-mode-card.locked { cursor:not-allowed; opacity:.64; }
.sph-mode-head { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.sph-mode-head span { font-size:9px; color:#d7e4f6; font-weight:900; }
.sph-mode-head em { font-style:normal; font-size:7.5px; color:#8594a9; font-weight:900; }
.sph-mode-card.active .sph-mode-head em { color:#ffd98a; }
.sph-mode-card.locked .sph-mode-head em { color:#ff9aa7; }
.sph-mode-body { display:grid; grid-template-columns:34px minmax(0,1fr); gap:7px; align-items:center; margin-top:6px; }
.sph-mini-crest { width:32px; height:39px; display:block; }
.sph-mode-body b { display:block; color:#fff0c8; font-size:10.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sph-mode-body small { display:block; color:#8c9bb0; font-size:8.5px; margin-top:2px; }
.sph-thin { height:5px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; margin-top:7px; border:1px solid rgba(255,255,255,.06); }
.sph-thin i { display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg, #3dccf0, #e8a820); box-shadow:0 0 14px rgba(232,168,32,.20); }
.sph-next { color:#8696ab; font-size:8px; margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.sph-edu-row { display:grid; grid-template-columns:52px minmax(0,1fr); gap:9px; align-items:center; }
.sph-edu-ring {
  --p: calc(var(--pct, 0) * 1%);
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background: conic-gradient(#e8a820 var(--p), #111a2a 0);
  border:1px solid rgba(232,168,32,.18);
  position:relative;
}
.sph-edu-ring::before { content:""; position:absolute; inset:6px; border-radius:50%; background:#0a1018; }
.sph-edu-ring span { position:relative; color:#ffd98a; font-size:12px; font-weight:900; }
.sph-edu-copy { min-width:0; }
.sph-edu-copy strong { display:block; color:#d6c5ff; font-size:13px; white-space:normal; overflow:visible; }
.sph-edu-copy small { display:block; color:#8795aa; font-size:9px; line-height:1.35; margin-top:3px; }
.sph-edu-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:8px; }
.sph-stat { border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.025); padding:5px 6px; min-width:0; }
.sph-stat span { display:block; color:#748398; font-size:7.5px; text-transform:uppercase; font-weight:900; }
.sph-stat b { display:block; color:#e8f1ff; font-size:10px; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.sph-ai-line {
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 8px 8px;
  padding:6px 8px;
  border:1px solid rgba(61,204,240,.14);
  border-radius:13px;
  background:rgba(61,204,240,.045);
  min-width:0;
}
.sph-ai-line span { width:20px; height:20px; border-radius:8px; display:grid; place-items:center; color:#07111c; background:#3dccf0; font-weight:900; }
.sph-ai-line b { color:#bdf3ff; font-size:10px; white-space:nowrap; }
.sph-ai-line em { color:#dceaff; font-style:normal; font-size:9.5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; }
.sph-ai-line small { margin-left:auto; color:#7f91a8; font-size:8px; text-transform:uppercase; white-space:nowrap; }
.sph-ai-line.high,
.sph-ai-line.critical { border-color:rgba(240,60,85,.22); background:rgba(240,60,85,.055); }

.sph-action-menu {
  margin: 0 8px 8px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
}
.sph-action-menu-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}
.sph-action-menu-head b { color:#f5d493; font-size:10.5px; }
.sph-action-menu-head span { color:#77869a; font-size:8.3px; text-align:right; }
.sph-action-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
.sph-action-grid button {
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color: #dbe6f5;
  border-radius: 10px;
  min-height: 26px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font: 900 8px/1 'JetBrains Mono', monospace;
  cursor: pointer;
  transition: transform .14s ease, border-color .14s ease, background .14s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sph-action-grid button:hover { transform: translateY(-1px); border-color: rgba(232,168,32,.34); background: rgba(232,168,32,.09); }
.sph-action-grid .primary { color:#ffe3a3; border-color:rgba(232,168,32,.28); background:rgba(232,168,32,.10); }

.sph-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
  padding:0 10px 10px;
}

.sph-toast-box { position:fixed; right:16px; top:102px; z-index:13000; display:flex; flex-direction:column; gap:7px; pointer-events:none; }
.sph-toast { border:1px solid rgba(255,255,255,.10); background:rgba(9,14,23,.96); color:#eaf2ff; border-radius:12px; padding:9px 11px; font:800 11px/1.35 'JetBrains Mono', monospace; box-shadow:0 10px 32px rgba(0,0,0,.40); transition:.24s; max-width:360px; }
.sph-toast.warn { border-color:rgba(240,60,85,.30); color:#ffd0d6; }



/* Pasek akcji Huba przeniesiony do topbaru — obok Wtyczki/Rysowanie/Warstwy. */
.sph-chart-toolbar {
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  margin-left:2px;
}
.sph-chart-toolbar button {
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#dbe6f5;
  border-radius:4px;
  min-height:24px;
  padding:3px 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font:900 9px/1 'JetBrains Mono', monospace;
  cursor:pointer;
  transition: transform .14s ease, border-color .14s ease, background .14s ease;
  white-space:nowrap;
}
.sph-chart-toolbar button:hover { transform:translateY(-1px); border-color:rgba(232,168,32,.34); background:rgba(232,168,32,.09); }
.sph-chart-toolbar .primary { color:#ffe3a3; border-color:rgba(232,168,32,.28); background:rgba(232,168,32,.10); }

@media (max-width: 1280px) {
  .sigma-player-hub { width:min(700px, calc(100vw - 8px)); }
  .sph-identity-bar { grid-template-columns:58px minmax(110px,1fr) minmax(205px,1.15fr) minmax(130px,.7fr) minmax(120px,.7fr) auto; }
}

@media (max-width: 980px) {
  .sigma-player-hub { top:4px; right:4px; bottom:auto; width:min(620px, calc(100vw - 8px)); }
  .sph-identity-bar { grid-template-columns:52px minmax(105px,1fr) minmax(190px,1.05fr) minmax(128px,.7fr) auto; min-height:66px; }
  .sph-avatar { width:52px; height:52px; border-radius:14px; }
  .sph-main-crest { width:40px; height:48px; }
  .sph-rank-main { grid-template-columns:42px minmax(0,1fr); }
  
.sph-token-compact{
  position:relative;
  min-width:136px;
  border:1px solid rgba(232,168,32,.24);
  border-radius:13px;
  padding:5px 7px 5px 38px;
  min-height:58px;
  height:100%;
  align-self:stretch;
  display:flex;
  align-items:center;
  text-align:left;
  background:linear-gradient(180deg,rgba(232,168,32,.09),rgba(255,255,255,.02));
  color:#eaf2ff;
  cursor:pointer;
  overflow:hidden;
}
.sph-token-art{position:absolute;left:4px;top:50%;width:40px;height:40px;transform:translateY(-50%);border-radius:9px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(232,168,32,.28);background:rgba(0,0,0,.24)}
.sph-token-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sph-token-copy{display:block;min-width:0;width:100%}
.sph-token-compact small{display:block;color:#7ceeff;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-token-compact strong{display:block;color:#ffe1a3;font:900 14px/1 JetBrains Mono,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-token-compact span span,.sph-token-compact .sph-token-copy>span{display:block;color:#cdd7e6;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-token-compact em{display:block;color:#ffd584;font-size:8px;font-style:normal;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sph-only-toggle{min-width:70px}

.sph-edu-compact { display:none; }
  .sph-grid { grid-template-columns:1fr; }
}

@media (max-width: 720px) {
  .sph-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sigma-player-hub { left:6px; right:6px; top:6px; bottom:auto; width:auto; }
  .sph-identity-bar { grid-template-columns:52px minmax(0,1fr) auto; padding:8px; gap:8px; }
  .sph-avatar { width:50px; height:50px; border-radius:14px; }
  .sph-rank-main { grid-column:1 / -1; }
  .sph-quick-actions { grid-column:1 / -1; justify-content:flex-start; flex-wrap:wrap; }
  .sph-grid { padding-left:8px; padding-right:8px; }
  .sph-modes { grid-template-columns:1fr; }
  .sph-actions { justify-content:flex-start; padding-left:8px; padding-right:8px; }
}

/* ETAP 7 — regresja overlay: gdy modal/panel jest otwarty, Hub nie może blokować kliknięć. */
.sigma-player-hub.sph-panel-open,
.sigma-player-hub.sph-panel-opening {
  z-index: 3000 !important;
  pointer-events: none !important;
  opacity: .58 !important;
  transform: translateY(-4px) scale(.985) !important;
}
.sigma-player-hub.sph-panel-open .sph-card,
.sigma-player-hub.sph-panel-opening .sph-card,
.sigma-player-hub.sph-panel-open .sph-card *,
.sigma-player-hub.sph-panel-opening .sph-card * {
  pointer-events: none !important;
}

/* ETAP 20 — fail-safe: Player Hub nigdy nie może robić się szary ani tracić klików.
   Modale mają być ponad nim przez z-index, ale sam hub pozostaje funkcjonalny. */
#sigma-player-hub,
.sigma-player-hub,
.sigma-player-hub.sph-panel-open,
.sigma-player-hub.sph-panel-opening,
.sigma-player-hub .sph-card,
.sigma-player-hub .sph-card * {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
}
.sigma-player-hub.sph-panel-open,
.sigma-player-hub.sph-panel-opening {
  transform: none !important;
  z-index: 160000 !important;
}


/* ETAP 21B — Player Hub zawsze klikalny, bez szarzenia i bez martwych przycisków */
.sigma-player-hub,
.sigma-player-hub.sph-panel-open,
.sigma-player-hub.sph-panel-opening{
  z-index:180000!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  visibility:visible!important;
}
.sigma-player-hub .sph-card,
.sigma-player-hub .sph-quick-actions,
.sigma-player-hub .sph-quick-actions button,
.sigma-player-hub .sph-action-grid button,
.sigma-player-hub [data-sph]{
  pointer-events:auto!important;
}
.sigma-player-hub button[disabled],
.sigma-player-hub .disabled{
  pointer-events:auto!important;
  filter:none!important;
}

/* ETAP 22A — Arena ma pełny priorytet: Player Hub nie może przykrywać Areny ani jej modali. */
body.arena-panel-open #sigma-player-hub,
body.arena-panel-open .sigma-player-hub,
body.arena-panel-open .sigma-player-hub.sph-panel-open,
body.arena-panel-open .sigma-player-hub.sph-panel-opening {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:1!important;
  transform:translateY(-12px) scale(.98)!important;
  filter:none!important;
}
body.arena-panel-open .sigma-player-hub *,
body.arena-panel-open #sigma-player-hub * {
  pointer-events:none!important;
}

/* Etap 22G hotfix — Arena Setupów jest modalem nadrzędnym, PlayerHub nie może jej zasłaniać. */
body.arena-panel-open #sigma-player-hub,
body.arena-panel-open .sigma-player-hub,
body.arena-panel-open .sph-panel-open {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#arena-panel.open,
#arena-modal.open {
  z-index: 220000 !important;
}

.sph-ai-line{display:none!important}


/* HOTFIX 22R — PlayerHub czytelny, token większy i wycentrowany */
.sigma-player-hub{ width:min(880px, calc(100vw - 8px)); }
.sph-identity-bar{ grid-template-columns:62px minmax(125px,.9fr) minmax(225px,1.05fr) minmax(172px,.85fr) minmax(130px,.72fr) auto; min-height:74px; }
.sph-avatar{ width:56px;height:56px;margin:auto; }
.sph-avatar img{ object-fit:cover; object-position:50% 50%; }
.sph-token-compact{ min-width:172px; padding-left:54px; }
.sph-token-art{ left:10px; width:38px; height:38px; border-radius:11px; }
.sph-token-art img{ width:100%; height:100%; object-fit:cover; object-position:50% 50%; transform:none; }
.sph-token-compact small{ font-size:8.5px; }
.sph-token-compact strong{ font-size:15px; }
.sph-token-compact .sph-token-copy>span{ font-size:8.5px; }
.sph-expand{ padding:0 10px 10px; }
.sph-expanded-info{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:2px 0 8px; }
.sph-info-tile{ border:1px solid rgba(61,204,240,.16); background:rgba(61,204,240,.045); border-radius:12px; padding:8px 10px; min-width:0; }
.sph-info-tile small{ display:block; color:#7ceeff; font-size:8px; text-transform:uppercase; font-weight:900; letter-spacing:.08em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sph-info-tile b{ display:block; color:#ffe1a3; font-size:13px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sph-info-tile span{ display:block; color:#aebbd0; font-size:9px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media(max-width:1280px){ .sigma-player-hub{ width:min(760px, calc(100vw - 8px)); } .sph-expanded-info{ grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* HOTFIX 22V — PlayerHub niższy po zwinięciu + token bez linii Analiza */
.sph-card.is-collapsed .sph-identity-bar{ min-height:69px!important; }
.sph-card.is-collapsed{ max-height:72px!important; overflow:hidden!important; }
.sph-card.is-collapsed .sph-expand{ display:none!important; }
.sph-token-compact{ min-height:54px!important; align-content:center!important; }
.sph-token-compact .sph-token-copy{ display:flex!important; flex-direction:column!important; justify-content:center!important; gap:2px!important; }
.sph-token-art{ display:grid!important; place-items:center!important; }
.sph-token-art img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:50% 50%!important; }


/* HOTFIX 22W — PlayerHub: +2px zwinięcie, logout w rozwinięciu, token bez clippingu */
.sph-card.is-collapsed .sph-identity-bar{min-height:71px!important;}
.sph-card.is-collapsed{max-height:74px!important;overflow:hidden!important;}
.sph-avatar{display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;}
.sph-avatar img{object-fit:cover!important;object-position:50% 50%!important;}
.sph-token-compact{padding-left:56px!important;overflow:visible!important;}
.sph-token-art{left:12px!important;overflow:visible!important;}
.sph-token-art img{object-fit:cover!important;object-position:calc(50% + 2px) 50%!important;transform:translateX(2px) scale(.98)!important;}
.sph-action-grid .danger{color:#ff9aa7!important;border-color:rgba(240,60,85,.34)!important;background:rgba(240,60,85,.07)!important;}
.sigma-player-hub{pointer-events:none!important;}
.sigma-player-hub .sph-card,.sigma-player-hub button,.sigma-player-hub a{pointer-events:auto!important;}
.sigma-player-hub.sph-arena-suspended{pointer-events:none!important;}


/* HOTFIX 22X — PlayerHub +5% długości i delikatnie wyższe zwinięcie */
.sigma-player-hub{width:min(924px, calc(100vw - 8px))!important;}
.sph-card.is-collapsed .sph-identity-bar{min-height:75px!important;}
.sph-card.is-collapsed{max-height:78px!important;overflow:hidden!important;}
@media(max-width:1280px){.sigma-player-hub{width:min(798px, calc(100vw - 8px))!important;}}

/* HOTFIX 22Y — zwinięty PlayerHub +2%, token wycentrowany i przycinany ramką */
.sigma-player-hub{width:min(924px, calc(100vw - 8px))!important;}
.sph-card.is-collapsed .sph-identity-bar{min-height:77px!important;}
.sph-card.is-collapsed{max-height:80px!important;overflow:hidden!important;}
.sph-token-compact{padding-left:54px!important;overflow:hidden!important;}
.sph-token-art{left:8px!important;top:50%!important;width:38px!important;height:38px!important;border-radius:11px!important;overflow:hidden!important;display:grid!important;place-items:center!important;}
.sph-token-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important;display:block!important;}
.sph-avatar{display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;overflow:hidden!important;}
.sph-avatar img{object-fit:cover!important;object-position:50% 50%!important;}
@media(max-width:1280px){.sigma-player-hub{width:min(798px, calc(100vw - 8px))!important;}.sph-card.is-collapsed{max-height:80px!important;}}

/* HOTFIX 22Z — miejsce monety w PlayerHubie
   Do ręcznej korekty: .sph-token-art oraz .sph-token-art img */
.sph-token-compact{padding-left:56px!important;overflow:visible!important;}
.sph-token-art{
    left:4px!important;
    top:50%!important;
    width:45px!important;
    height:45px!important;
    border-radius:8px!important;
    overflow:visible!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(0,0,0,.26)!important;
}

.sph-token-art img{
    width:90%!important;
    height:90%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:translateX(0) translateY(0) scale(.95)!important;
    display:block!important;
}
.sph-card.is-collapsed{max-height:84px!important;min-height:78px!important;}
@media(max-width:1280px){.sph-card.is-collapsed{max-height:84px!important;min-height:78px!important;}}

/* STAGE 1E — PlayerHub kompaktowy: 100% przeglądarki ma wyglądać jak wcześniejsze ~90%, bez skalowania canvasu. */
.sigma-player-hub{
  width:min(760px, calc(100vw - 8px))!important;
  transform:scale(.92)!important;
  transform-origin:top right!important;
  right:4px!important;
  top:3px!important;
}
.sigma-player-hub.sph-panel-open,
.sigma-player-hub.sph-panel-opening{transform:scale(.92)!important;}
.sph-identity-bar{
  grid-template-columns:52px minmax(98px,.72fr) minmax(185px,1fr) minmax(118px,.62fr) minmax(106px,.62fr) auto!important;
  min-height:61px!important;
  gap:6px!important;
  padding:3px 7px!important;
}
.sph-avatar{width:48px!important;height:48px!important;border-radius:12px!important;}
.sph-name b{font-size:13px!important;}
.sph-role{font-size:7px!important;padding:1px 4px!important;}
.sph-rank,.sph-token-compact,.sph-edu{min-height:50px!important;padding:6px 8px!important;}
.sph-card.is-collapsed{max-height:66px!important;}
.sph-card.is-collapsed .sph-identity-bar{min-height:62px!important;}

/* ═══════════════════════════════════════════════════════════════
   STAGE 1K — PLAYERHUB BELKA +10%, TOKEN PRZYWRÓCONY
   Cel: nie zmniejszać Sigma Tokena. Przywracamy wygląd z 22Z / Stage 1I
   i poszerzamy całą belkę PlayerHub, żeby token oraz Droga Tradera miały miejsce.
   Bez globalnego zoomu i bez zmian canvasa wykresu.
═══════════════════════════════════════════════════════════════ */
.sigma-player-hub{
  width:min(836px, calc(100vw - 8px))!important; /* ~+10% względem 760px ze Stage 1E */
  transform:scale(.92)!important;
  transform-origin:top right!important;
  right:4px!important;
  top:3px!important;
}
.sigma-player-hub.sph-panel-open,
.sigma-player-hub.sph-panel-opening{
  transform:scale(.92)!important;
}
.sigma-player-hub .sph-identity-bar{
  grid-template-columns:52px minmax(108px,.72fr) minmax(205px,1fr) minmax(150px,.72fr) minmax(122px,.62fr) auto!important;
  min-height:62px!important;
  gap:7px!important;
  padding:3px 7px!important;
  overflow:hidden!important;
}
.sigma-player-hub .sph-token-compact{
  min-width:150px!important;
  padding-left:56px!important;
  overflow:visible!important;
  min-height:50px!important;
}
.sigma-player-hub .sph-token-art{
  left:4px!important;
  top:50%!important;
  width:45px!important;
  height:45px!important;
  border-radius:8px!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(0,0,0,.26)!important;
  transform:translateY(-50%)!important;
}
.sigma-player-hub .sph-token-art img{
  width:90%!important;
  height:90%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translateX(0) translateY(0) scale(.95)!important;
  display:block!important;
}
.sigma-player-hub .sph-token-compact small{font-size:8px!important;letter-spacing:.08em!important;}
.sigma-player-hub .sph-token-compact strong{font-size:14px!important;line-height:1!important;}
.sigma-player-hub .sph-token-compact .sph-token-copy>span,
.sigma-player-hub .sph-token-compact span span,
.sigma-player-hub .sph-token-compact em{font-size:8px!important;line-height:1.1!important;}
.sigma-player-hub .sph-edu-compact,
.sigma-player-hub .sph-edu{
  min-width:122px!important;
  overflow:hidden!important;
}
.sigma-player-hub .sph-card.is-collapsed{
  max-height:86px!important;
  min-height:82px!important;
}
.sigma-player-hub .sph-card.is-collapsed .sph-identity-bar{
  min-height:78px!important;
}
@media(max-width:1280px){
  .sigma-player-hub{width:min(820px, calc(100vw - 8px))!important;}
  .sigma-player-hub .sph-identity-bar{
    grid-template-columns:50px minmax(100px,.7fr) minmax(185px,.95fr) minmax(142px,.68fr) minmax(116px,.58fr) auto!important;
  }
  .sigma-player-hub .sph-token-compact{min-width:142px!important;padding-left:56px!important;}
  .sigma-player-hub .sph-edu-compact,
  .sigma-player-hub .sph-edu{min-width:116px!important;}
}