/* === POKER HAND HISTORY — ClubGG-inspired === */

#page-pokerHistory {
  background: transparent;
  position: relative;
}
#page-pokerHistory.active {
  padding-bottom: 80px;
}
body.tg-mode #page-pokerHistory.active { padding-bottom: 110px; }
.ph-container {
  max-width: 600px; margin: 0 auto;
  padding: 12px 12px 60px;
  direction: rtl;
  color: #e8eef8;
  font-family: 'Outfit', 'Rubik', sans-serif;
  position: relative;
  z-index: 1;
}

/* Header bar */
.ph-header {
  display: flex; align-items: center; gap: 10px;
  padding: 4px 0 14px;
  border-bottom: 1px solid rgba(91, 142, 219, 0.18);
  margin-bottom: 14px;
  background: linear-gradient(180deg, rgba(10,22,40,0.95) 0%, rgba(10,22,40,0.92) 80%, rgba(10,22,40,0.7) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  /* NOT sticky — was causing issues. Just normal flow. */
}
.ph-back {
  width: 36px; height: 36px;
  border-radius: 10px;
  background: rgba(91,142,219,0.12);
  border: 1px solid rgba(91,142,219,0.25);
  color: #a8c5ee;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all 0.15s;
  padding: 0;
}
.ph-back svg { transform: scaleX(-1); }  /* RTL: arrow points right */
.ph-back:hover { background: rgba(91,142,219,0.22); }
.ph-title {
  font-size: 18px; font-weight: 800;
  margin: 0; letter-spacing: 0.5px;
  color: #e8eef8;
}

/* === LIST view === */
.ph-list { display: flex; flex-direction: column; gap: 8px; }

.ph-empty {
  text-align: center; padding: 48px 16px;
  color: rgba(168, 197, 238, 0.55);
  font-size: 13px;
}
.ph-empty-icon {
  width: 56px; height: 56px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: rgba(91,142,219,0.12);
  display: flex; align-items: center; justify-content: center;
  color: rgba(168,197,238,0.4);
}

/* Hand list row */
.ph-row {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(10,22,40,0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(91,142,219,0.15);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.15s;
}
.ph-row:hover {
  background: rgba(20,40,70,0.55);
  border-color: rgba(91,142,219,0.3);
  transform: translateY(-1px);
}
.ph-row:active { transform: scale(0.99); }

.ph-row-result {
  width: 36px; height: 36px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 11px;
  letter-spacing: 0.4px;
  flex-shrink: 0;
}
.ph-row-result--won { background: rgba(74, 222, 128, 0.16); color: #86efac; border: 1px solid rgba(74,222,128,0.3); }
.ph-row-result--lost { background: rgba(239, 83, 80, 0.14); color: #fca5a5; border: 1px solid rgba(239,83,80,0.3); }
.ph-row-result--neutral { background: rgba(168,197,238,0.1); color: rgba(168,197,238,0.7); border: 1px solid rgba(168,197,238,0.2); }

.ph-row-mid { min-width: 0; }
.ph-row-title {
  font-size: 14px; font-weight: 700; color: #e8eef8;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin-bottom: 2px;
}
.ph-row-meta {
  font-size: 11px; color: rgba(168,197,238,0.55);
  display: flex; gap: 10px; align-items: center;
}
.ph-row-meta svg { opacity: 0.7; }

.ph-row-amount-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ph-row-amount {
  font-size: 16px; font-weight: 800;
  font-family: 'Outfit', sans-serif;
  white-space: nowrap;
}
.ph-row-amount--positive { color: #4ade80; }
.ph-row-amount--negative { color: #ef9a9a; }
.ph-row-amount--neutral  { color: rgba(168,197,238,0.6); }
.ph-row-balance {
  font-size: 10px;
  font-family: 'Outfit', sans-serif;
  color: rgba(168,197,238,0.55);
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0.3px;
}

/* === DETAIL view === */
.ph-detail-back {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: none; color: rgba(168,197,238,0.7);
  font-size: 13px; cursor: pointer; padding: 8px 0;
  margin-bottom: 8px;
}
.ph-detail-back:hover { color: #a8c5ee; }
.ph-detail-back svg { transform: scaleX(-1); }

/* ─── HERO CARD: hand identity + result ─────────────────────────── */
.ph-hero {
  position: relative;
  background:
    radial-gradient(circle at 0% 0%, rgba(91,142,219,0.13) 0%, transparent 60%),
    linear-gradient(180deg, #1a2438 0%, #0e1424 100%);
  border: 1px solid rgba(91,142,219,0.22);
  border-radius: 16px;
  padding: 14px 14px 12px;
  margin-bottom: 14px;
  box-shadow: 0 6px 22px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06);
  overflow: hidden;
}
.ph-hero::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(91,142,219,0.6) 50%, transparent 100%);
}
.ph-hero-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px;
}
.ph-hero-id { min-width: 0; flex: 1; }
.ph-hero-blinds {
  font-family: 'Outfit', sans-serif;
  font-size: 22px; font-weight: 800;
  color: #e8eef8;
  line-height: 1;
  margin-bottom: 6px;
}
.ph-hero-meta {
  display: flex; align-items: center; gap: 8px;
  flex-wrap: wrap;
  font-family: 'Outfit', sans-serif;
}
.ph-hero-game {
  font-size: 9px; font-weight: 700;
  letter-spacing: 1px;
  color: #5b8edb;
  background: rgba(91,142,219,0.14);
  border: 1px solid rgba(91,142,219,0.30);
  padding: 2px 7px;
  border-radius: 5px;
}
.ph-hero-hand, .ph-hero-time {
  font-size: 11px;
  color: rgba(168,197,238,0.65);
  font-weight: 600;
}
.ph-hero-result {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 14px;
  border-radius: 12px;
  font-family: 'Outfit', sans-serif;
  border: 1px solid;
  min-width: 90px;
  justify-content: center;
}
.ph-hero-result--won  { background: rgba(74,222,128,0.13); color: #4ade80; border-color: rgba(74,222,128,0.32); }
.ph-hero-result--lost { background: rgba(239,154,154,0.10); color: #ef9a9a; border-color: rgba(239,154,154,0.30); }
.ph-hero-result--neu  { background: rgba(168,197,238,0.08); color: rgba(168,197,238,0.70); border-color: rgba(168,197,238,0.20); }
.ph-hero-result-amt   { font-size: 22px; font-weight: 800; line-height: 1; }
.ph-hero-result-icon  { display: inline-flex; opacity: 0.85; }

.ph-hero-balance {
  display: flex; align-items: center; gap: 7px;
  margin-top: 12px;
  padding: 8px 11px;
  background: rgba(10,22,40,0.55);
  border-radius: 9px;
  border: 1px solid rgba(91,142,219,0.10);
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  color: rgba(168,197,238,0.70);
}
.ph-hero-balance strong { color: #e8eef8; font-weight: 700; }
.ph-hero-balance svg { color: rgba(168,197,238,0.45); flex-shrink: 0; }

.ph-hero-foot {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(91,142,219,0.13);
}
.ph-hero-foot-cell {
  text-align: center;
  font-family: 'Outfit', sans-serif;
}
.ph-hero-foot-lbl {
  font-size: 9px;
  color: rgba(168,197,238,0.50);
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.ph-hero-foot-val {
  font-size: 14px;
  font-weight: 700;
  color: #d6dde8;
}

/* Legacy summary kept (some hand-history list may still use these) */
.ph-detail-summary {
  background: linear-gradient(180deg, rgba(20,40,68,0.8), rgba(10,22,40,0.85));
  border: 1px solid rgba(91,142,219,0.25);
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 14px;
}
.ph-summary-top {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 12px;
}
.ph-summary-table-name { font-size: 16px; font-weight: 800; color: #e8eef8; }
.ph-summary-blinds {
  font-size: 11px;
  background: rgba(91,142,219,0.18);
  color: #a8c5ee;
  padding: 3px 8px; border-radius: 6px;
  font-weight: 700; letter-spacing: 0.3px;
}
.ph-summary-grid {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.ph-summary-stat {
  background: rgba(10,22,40,0.55);
  border: 1px solid rgba(91,142,219,0.15);
  border-radius: 10px;
  padding: 10px 8px;
  text-align: center;
}
.ph-summary-stat-lbl {
  font-size: 9px; color: rgba(168,197,238,0.5);
  text-transform: uppercase; letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.ph-summary-stat-val {
  font-size: 16px; font-weight: 800; color: #e8eef8;
}
.ph-summary-stat-val--won { color: #4ade80; }
.ph-summary-stat-val--lost { color: #ef9a9a; }

/* Streets */
.ph-street {
  background: rgba(10,22,40,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(91,142,219,0.15);
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}
.ph-street-header {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: linear-gradient(180deg, rgba(91,142,219,0.1), rgba(91,142,219,0.04));
  border-bottom: 1px solid rgba(91,142,219,0.12);
}
.ph-street-label {
  font-size: 11px; font-weight: 800;
  letter-spacing: 1px; text-transform: uppercase;
  color: #a8c5ee;
}
.ph-street-pot {
  margin-right: auto;
  font-size: 11px;
  color: rgba(168,197,238,0.7);
  font-weight: 700;
}
.ph-street-pot strong { color: #e8eef8; }
.ph-street-cards { display: flex; gap: 4px; }

/* Mini-card */
.ph-card {
  width: 26px; height: 36px;
  background: linear-gradient(180deg, #fafafa, #e8e8e8);
  border-radius: 4px;
  display: flex; flex-direction: column;
  align-items: center; justify-content: flex-start;
  padding-top: 2px;
  font-family: 'Outfit', sans-serif;
  font-weight: 800; font-size: 13px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5);
  position: relative;
  line-height: 1;
}
.ph-card-rank { color: #1a1a1a; }
.ph-card-suit { font-size: 10px; line-height: 1; margin-top: 1px; }
.ph-card--red .ph-card-rank, .ph-card--red .ph-card-suit { color: #d92020; }
.ph-card--black .ph-card-rank, .ph-card--black .ph-card-suit { color: #1a1a1a; }
.ph-card--hidden {
  background: linear-gradient(135deg, #2a4f8a 0%, #1e3a5f 50%, #0a1628 100%);
  border: 1px solid rgba(91,142,219,0.3);
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
.ph-card--hidden::after {
  content: '?'; color: rgba(168,197,238,0.3);
  font-size: 14px; font-weight: 800;
}

/* Action row */
.ph-actions { padding: 8px 12px; display: flex; flex-direction: column; gap: 6px; }

.ph-action {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 4px 0;
}
.ph-action-avatar {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2a4f8a, #1e3a5f);
  border: 1.5px solid rgba(91,142,219,0.3);
  overflow: hidden;
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  color: #a8c5ee; font-size: 10px; font-weight: 800;
}
.ph-action-avatar img { width: 100%; height: 100%; object-fit: cover; }
.ph-action-name {
  font-size: 13px; font-weight: 700; color: #e8eef8;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ph-action-name--me { color: #fde68a; }

.ph-action-bubble {
  position: relative;
  font-size: 11px; font-weight: 800;
  letter-spacing: 0.4px;
  padding: 4px 10px; border-radius: 12px;
  background: rgba(91,142,219,0.18);
  color: #a8c5ee;
  white-space: nowrap;
  border: 1px solid rgba(91,142,219,0.25);
}
.ph-action-bubble--fold  { background: rgba(120,120,130,0.15); color: rgba(200,200,210,0.7); border-color: rgba(140,140,150,0.25); }
.ph-action-bubble--check { background: rgba(160,180,200,0.12); color: rgba(200,220,240,0.8); border-color: rgba(160,180,200,0.2); }
.ph-action-bubble--call  { background: rgba(80,160,220,0.18); color: #93c5fd; border-color: rgba(80,160,220,0.3); }
.ph-action-bubble--bet,
.ph-action-bubble--raise { background: rgba(250,180,90,0.18); color: #fcd34d; border-color: rgba(250,180,90,0.35); }
.ph-action-bubble--allin { background: rgba(239,83,80,0.2); color: #fca5a5; border-color: rgba(239,83,80,0.4); }
.ph-action-bubble--sb    { background: rgba(140,160,200,0.13); color: rgba(200,220,255,0.85); border-color: rgba(140,160,200,0.28); font-style: italic; }
.ph-action-bubble--bb    { background: rgba(140,160,200,0.13); color: rgba(200,220,255,0.85); border-color: rgba(140,160,200,0.28); font-style: italic; }

/* Showdown section */
.ph-showdown {
  background: linear-gradient(180deg, rgba(40,80,40,0.4), rgba(20,50,30,0.5));
  border: 1px solid rgba(74,222,128,0.25);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 12px;
}
.ph-showdown-title {
  font-size: 12px; font-weight: 800;
  letter-spacing: 1px; text-transform: uppercase;
  color: #86efac;
  margin-bottom: 10px;
  display: flex; align-items: center; gap: 6px;
}
.ph-showdown-board {
  display: flex; gap: 4px; justify-content: center;
  margin-bottom: 12px;
  padding: 10px;
  background: rgba(10,30,18,0.5);
  border-radius: 8px;
  border: 1px solid rgba(74,222,128,0.15);
}
.ph-showdown-players { display: flex; flex-direction: column; gap: 8px; }
.ph-showdown-player {
  display: grid;
  grid-template-columns: 28px 1fr auto auto;
  gap: 10px; align-items: center;
  padding: 6px 8px;
  background: rgba(10,22,40,0.4);
  border-radius: 8px;
}
.ph-showdown-player--winner {
  background: linear-gradient(180deg, rgba(74,222,128,0.18), rgba(40,150,80,0.1));
  border: 1px solid rgba(74,222,128,0.4);
  box-shadow: 0 0 12px rgba(74,222,128,0.15);
}
.ph-showdown-cards { display: flex; gap: 3px; }
.ph-showdown-cards .ph-card { width: 22px; height: 30px; font-size: 11px; }
.ph-showdown-cards .ph-card .ph-card-suit { font-size: 9px; }
.ph-showdown-amount {
  font-size: 13px; font-weight: 800;
  font-family: 'Outfit', sans-serif;
}
.ph-showdown-amount--won { color: #4ade80; }
.ph-showdown-amount--lost { color: rgba(239,154,154,0.7); }

/* === Date separator === */
.ph-date-sep {
  font-size: 11px; font-weight: 700;
  color: rgba(168,197,238,0.5);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 8px 4px 4px;
  display: flex; align-items: center; gap: 8px;
}
.ph-date-sep::before, .ph-date-sep::after {
  content: ''; flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(91,142,219,0.15), transparent);
}

/* === MODE TABS (admin/agent) === */
.ph-mode-tabs {
  display: flex; gap: 6px;
  margin-bottom: 12px;
  background: rgba(10,22,40,0.4);
  border: 1px solid rgba(91,142,219,0.18);
  border-radius: 12px;
  padding: 4px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ph-mode-tab {
  flex: 1;
  padding: 9px 12px;
  border-radius: 9px;
  border: none;
  background: transparent;
  color: rgba(168,197,238,0.6);
  font-size: 12px; font-weight: 700;
  cursor: pointer; transition: all 0.15s;
  font-family: 'Outfit', 'Rubik', sans-serif;
  letter-spacing: 0.3px;
}
.ph-mode-tab:hover { color: rgba(168,197,238,0.9); }
.ph-mode-tab--active {
  background: linear-gradient(180deg, rgba(91,142,219,0.25), rgba(45,90,160,0.3));
  color: #e8eef8;
  box-shadow: 0 2px 8px rgba(40,80,160,0.25), inset 0 1px 0 rgba(255,255,255,0.08);
}

/* === FILTERS === */
.ph-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
  padding: 10px;
  background: rgba(10,22,40,0.5);
  border: 1px solid rgba(91,142,219,0.18);
  border-radius: 12px;
  margin-bottom: 12px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.ph-filter-row {
  display: flex; flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ph-filter-label {
  font-size: 10px;
  color: rgba(168,197,238,0.55);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.ph-filter-input {
  padding: 8px 10px;
  background: rgba(10,22,40,0.5);
  border: 1px solid rgba(91,142,219,0.22);
  border-radius: 8px;
  color: #e8eef8;
  font-size: 13px;
  font-family: 'Outfit', sans-serif;
  outline: none;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.ph-filter-input:focus {
  border-color: #5b8edb;
  box-shadow: 0 0 0 3px rgba(91,142,219,0.18);
}
select.ph-filter-input {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23a8c5ee' d='M5 6L0 0h10z'/></svg>");
  background-repeat: no-repeat;
  background-position: left 10px center;
  padding-left: 26px;
  text-overflow: ellipsis;
}
.ph-filter-clear {
  grid-column: 1 / -1;
  padding: 9px;
  background: rgba(91,142,219,0.1);
  border: 1px solid rgba(91,142,219,0.25);
  border-radius: 8px;
  color: rgba(168,197,238,0.85);
  font-size: 11px; font-weight: 700;
  cursor: pointer; transition: all 0.15s;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0.4px;
}
.ph-filter-clear:hover {
  background: rgba(91,142,219,0.18);
  color: #e8eef8;
}

/* Player name when viewing club/all mode */
.ph-row-player-tag {
  display: inline-block;
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 5px;
  background: rgba(91,142,219,0.15);
  color: #a8c5ee;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-left: 6px;
}

/* === Player status badges in showdown === */
.ph-showdown-name-col {
  display: flex; flex-direction: column; gap: 2px;
  min-width: 0; flex: 1;
}
.ph-status-badge {
  display: inline-block;
  font-size: 9px; font-weight: 800;
  padding: 1px 6px; border-radius: 4px;
  letter-spacing: 0.5px;
  width: fit-content;
}
.ph-status-badge--sitout { background: rgba(255,180,90,0.15); color: #fcd34d; border: 1px solid rgba(255,180,90,0.3); }
.ph-status-badge--folded { background: rgba(140,140,150,0.15); color: rgba(200,200,210,0.8); border: 1px solid rgba(140,140,150,0.3); }
.ph-status-badge--left { background: rgba(220,80,90,0.13); color: #ef9a9a; border: 1px solid rgba(220,80,90,0.30); }
.ph-status-badge--winner { background: rgba(74,222,128,0.18); color: #86efac; border: 1px solid rgba(74,222,128,0.35); }

.ph-bot-tag {
  display: inline-block;
  font-size: 8px; font-weight: 800;
  padding: 1px 5px; border-radius: 3px;
  background: rgba(168,197,238,0.12);
  color: rgba(168,197,238,0.7);
  letter-spacing: 0.5px;
  margin-right: 4px;
  vertical-align: middle;
}

.ph-showdown-player--folded { opacity: 0.55; }
.ph-fold-mark {
  font-size: 18px; color: rgba(168,197,238,0.3);
  padding: 0 8px;
  letter-spacing: 2px;
}

.ph-summary-hand-num {
  font-size: 10px;
  color: rgba(168,197,238,0.55);
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

/* === ADMIN EVENT LOG === */
.ph-admin-events {
  background: linear-gradient(180deg, rgba(60,40,80,0.4), rgba(40,30,60,0.5));
  border: 1px solid rgba(168,140,220,0.25);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 12px;
}
.ph-admin-events-title {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #c5b6f2;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ph-admin-events-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ph-admin-event {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: rgba(10,22,40,0.4);
  border-radius: 8px;
  border: 1px solid rgba(168,140,220,0.12);
  font-size: 12px;
}
.ph-admin-event-icon {
  font-size: 14px;
}
.ph-admin-event-name {
  font-weight: 800;
  color: #e8eef8;
}
.ph-admin-event-action {
  font-weight: 700;
}
.ph-admin-event-street {
  font-size: 10px;
  color: rgba(168,197,238,0.55);
  letter-spacing: 0.4px;
  background: rgba(91,142,219,0.12);
  padding: 2px 6px;
  border-radius: 4px;
}
.ph-admin-event-extra {
  font-size: 10px;
  color: rgba(168,197,238,0.7);
  margin-right: auto;
}

/* ── POT BREAKDOWN — clear math view ─────────────────────────── */
.ph-breakdown {
  background: linear-gradient(180deg, rgba(40,55,85,0.55) 0%, rgba(20,30,50,0.55) 100%);
  border: 1px solid rgba(91,142,219,0.18);
  border-radius: 12px;
  padding: 14px 14px 12px;
  margin: 10px 0;
}
.ph-breakdown-title {
  display: flex; align-items: center; gap: 7px;
  font-family: 'Outfit', sans-serif;
  font-size: 11px; letter-spacing: 1.5px;
  color: #a8c5ee;
  font-weight: 700;
  margin-bottom: 10px;
}
.ph-breakdown-title svg { color: #5b8edb; opacity: 0.9; }
.ph-breakdown-tbl {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Outfit', sans-serif;
}
.ph-breakdown-tbl th {
  text-align: right;
  font-size: 10px;
  font-weight: 600;
  color: rgba(168,197,238,0.55);
  letter-spacing: 0.4px;
  padding: 5px 6px;
  border-bottom: 1px solid rgba(91,142,219,0.15);
}
.ph-breakdown-tbl td {
  padding: 6px 6px;
  font-size: 12px;
  border-bottom: 1px solid rgba(91,142,219,0.07);
}
.ph-breakdown-tbl tr:last-child td { border-bottom: none; }
.ph-bd-name { color: #d6dde8; font-weight: 500; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ph-bd-in   { color: rgba(168,197,238,0.85); font-weight: 600; }
.ph-bd-out  { color: rgba(168,197,238,0.85); font-weight: 600; }
.ph-bd-net          { font-weight: 800; }
.ph-bd-net--won   { color: #4ade80; }
.ph-bd-net--lost  { color: #ef9a9a; }
.ph-bd-net--neu   { color: rgba(168,197,238,0.55); }
.ph-bd-totals td {
  border-top: 1px solid rgba(91,142,219,0.30) !important;
  padding-top: 8px;
  font-weight: 700;
  color: #a8c5ee;
  font-size: 12px;
}
.ph-breakdown-note {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed rgba(91,142,219,0.15);
  font-size: 10px;
  line-height: 1.5;
  color: rgba(168,197,238,0.55);
}
.ph-breakdown-note strong { color: rgba(168,197,238,0.85); font-weight: 700; }