.quick-bet-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.all-in-bet {
  height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(214, 184, 117, .48);
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(116, 33, 36, .68), rgba(77, 24, 28, .8));
  color: #f2d798;
  font: 700 8px Manrope, sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: border-color .2s, background .2s, opacity .2s, transform .2s;
}

.all-in-bet span { margin-right: 5px; font-size: 10px; }
.all-in-bet:hover:not(:disabled) {
  border-color: var(--gold2);
  background: linear-gradient(110deg, #90363b, #64272c);
  transform: translateY(-2px);
}
.all-in-bet:disabled { opacity: .28; cursor: not-allowed; }

.bet-history {
  width: 100%;
  padding: 16px 40px 20px;
  border-top: 1px solid rgba(214, 184, 117, .18);
  background: #071712;
}

.bet-history header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1360px;
  margin: 0 auto 11px;
}
.bet-history header span { color: var(--gold2); font: 500 9px "DM Mono"; letter-spacing: 1.5px; }
.bet-history header small { color: #65776e; font: 500 7px "DM Mono"; letter-spacing: .7px; }

.history-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 7px;
  max-width: 1360px;
  margin: auto;
  padding-bottom: 3px;
  overflow-x: auto;
  scrollbar-color: rgba(214, 184, 117, .35) transparent;
}
.history-list > p {
  grid-column: 1 / -1;
  margin: 8px 0;
  color: #65776e;
  font: 500 8px/1.5 "DM Mono";
  text-align: center;
}

.history-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  min-height: 60px;
  padding: 8px;
  border: 1px solid rgba(233, 240, 228, .08);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(233, 240, 228, .045), rgba(233, 240, 228, .015));
  font: 500 8px "DM Mono";
  text-align: center;
}
.history-row:hover { border-color: rgba(214, 184, 117, .3); }
.history-row > i {
  grid-column: 1 / -1;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(233, 240, 228, .08);
  color: var(--gold);
  font-style: normal;
  letter-spacing: 1px;
}
.history-row > b { align-self: center; font-weight: 500; white-space: nowrap; }
.history-row .positive { color: #8fd4a3; }
.history-row .negative { color: #d87e76; }
.history-row .neutral { color: var(--muted); }

@media (max-width: 1180px) {
  .bet-history { padding-inline: 24px; }
  .quick-bet-actions { gap: 5px; }
  .repeat-bet, .all-in-bet { padding-inline: 10px; font-size: 7px; }
}

@media (max-width: 820px) {
  .bet-history { display: block; padding: 14px 15px 18px; }
  .bet-history header small { display: none; }
  .history-list { grid-template-columns: repeat(3, 150px); }
  .quick-bet-actions { width: 100%; }
  .repeat-bet, .all-in-bet { height: 31px; }
}