/* Scoped to the player's historical-order drawer. Other modules stay unchanged. */
.player-history-drawer { width:min(680px,100vw); }
.player-bet-history { gap:12px; min-width:0; }
.player-bet-history .player-bet-record { min-width:0; padding:14px; border-radius:8px; background:#fff; }
.player-bet-history .player-bet-record > header { align-items:center; }
.player-bet-history .player-bet-record > header b { font-size:13px; color:#40546b; }
.player-bet-history .player-bet-record > header small { font-size:11px; color:#8695a5; }
.player-bet-history .history-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:7px 16px; margin:12px 0; font-size:11px; }
.player-bet-history .history-overview > div { display:flex; gap:8px; min-width:0; }
.player-bet-history .history-overview dt { flex:0 0 auto; color:#8997a7; }
.player-bet-history .history-overview dd { margin:0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#53677d; }
.player-bet-history .bet-draw-result { font-size:11px; padding:7px 9px; gap:6px; margin-bottom:10px; }
.player-bet-history .draw-result-chips { min-width:0; }
.player-bet-history .draw-result-chips b { font-size:10px; max-width:100%; overflow-wrap:anywhere; }
.player-bet-history .player-bet-record > footer { font-size:11px; gap:4px 12px; }
.player-bet-history [data-history-stake], .player-bet-history [data-history-pnl] b { display:inline-block; margin-left:5px; font-size:16px; font-variant-numeric:tabular-nums; }
.player-bet-history .bet-settlement-result { font-size:11px; }
.player-bet-history .history-order-details { margin-top:10px; border-top:1px solid #edf1f6; }
.player-bet-history .history-order-details > summary,
.player-bet-history .history-raw-details > summary { display:flex; align-items:center; gap:7px; min-height:38px; padding:8px 0; cursor:pointer; color:#2f80ed; font-size:11px; font-weight:600; list-style:none; }
.player-bet-history summary::-webkit-details-marker { display:none; }
.player-bet-history summary::after { content:'⌄'; margin-left:auto; font-size:15px; }
.player-bet-history details[open] > summary::after { content:'⌃'; }
.player-bet-history summary:focus-visible { outline:2px solid #7cb4f4; outline-offset:2px; border-radius:3px; }
.player-bet-history summary small { color:#8c9bad; font-size:10px; font-weight:400; }
.player-bet-history details > summary .history-collapse-label { display:none; }
.player-bet-history details[open] > summary .history-collapse-label { display:inline; }
.player-bet-history details[open] > summary .history-expand-label { display:none; }
.player-bet-history .history-expanded { padding-top:4px; min-width:0; }
.player-bet-history .history-order-id { font-size:10px; color:#8997a7; overflow-wrap:anywhere; margin-bottom:10px; }
.player-bet-history .history-bet-group { margin:0 0 12px; overflow:hidden; border:1px solid #e6edf5; border-radius:6px; }
.player-bet-history .history-group-heading { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:5px 12px; padding:9px 10px; background:#f3f7fc; font-size:11px; color:#526d88; }
.player-bet-history .history-group-heading span { color:#7c8fa3; font-size:10px; overflow-wrap:anywhere; }
.player-bet-history .history-group-table { border-collapse:collapse; width:100%; table-layout:fixed; font-size:11px; color:#607287; }
.player-bet-history .history-group-table th { color:#8a98a8; font-weight:400; font-size:10px; }
.player-bet-history .history-group-table th,
.player-bet-history .history-group-table td { padding:8px 9px; text-align:right; border-bottom:1px solid #eef2f6; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.player-bet-history .history-group-table th:first-child,
.player-bet-history .history-group-table td:first-child { width:30%; text-align:left; }
.player-bet-history .history-group-table th:nth-child(3) { width:13%; }
.player-bet-history .history-group-table tr:last-child td { border-bottom:0; }
.player-bet-history .history-group-table b { color:#405d79; }
.player-bet-history .history-raw-details { padding:0 10px; border:1px solid #e8edf3; border-radius:6px; background:#fafcfe; }
.player-bet-history .history-original-command { padding:8px 0 12px; font-size:10px; color:#76899d; }
.player-bet-history .history-original-command pre { margin:6px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; color:#52677e; }
.player-bet-history .history-raw-row { padding:10px 0; border-top:1px solid #e8edf3; font-size:11px; }
.player-bet-history .history-raw-title { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px; color:#536b82; }
.player-bet-history .history-raw-title span { font-size:10px; color:#8997a7; }
.player-bet-history .history-raw-values { display:grid; grid-template-columns:1fr 1fr; gap:6px 12px; margin-top:8px; color:#8997a7; font-size:10px; }
.player-bet-history .history-raw-values b { font-weight:500; font-variant-numeric:tabular-nums; }
.player-bet-history .history-raw-row > small,
.player-bet-history .history-raw-row > code { display:block; margin-top:7px; color:#96a2b0; font-size:10px; overflow-wrap:anywhere; }
@media (max-width:500px) {
  .player-history-drawer { padding:18px 14px; }
  .player-bet-history .player-bet-record { padding:12px; }
  .player-bet-history .history-overview { gap:8px 10px; }
  .player-bet-history .history-overview > div { display:block; }
  .player-bet-history .history-overview dd { margin-top:3px; }
  .player-bet-history [data-history-stake], .player-bet-history [data-history-pnl] b { display:block; margin:4px 0 0; font-size:16px; }
  .player-bet-history [data-history-pnl] { text-align:right; }
  .player-bet-history .history-group-table th, .player-bet-history .history-group-table td { padding:8px 6px; font-size:10px; }
}
