/* Clean, properly aligned Rush-win.com Cashier Dialog */
#cashier-dialog {
  width: min(440px, calc(100vw - 24px));
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 22px 24px;
  border: 1px solid #343b41;
  background: #202529;
  color: #c5ccd1;
  border-radius: 12px;
  box-shadow: 0 24px 80px #0009;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}

#cashier-dialog::backdrop {
  background: #080b0ec4;
  backdrop-filter: blur(5px);
}

#cashier-dialog * {
  box-sizing: border-box;
}

/* Header */
.cashier-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

#cashier-dialog h2 {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
  color: #f0f3f5;
  margin: 0;
}

.cashier-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  background: #282e33;
  border: 1px solid #363e45;
  border-radius: 7px;
  color: #98a2aa;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.cashier-close:hover {
  background: #323940;
  color: #fff;
  filter: none;
}

/* Deposit / Withdraw Tabs */
.cashier-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: 4px;
  border-radius: 9px;
  background: #161b1e;
  border: 1px solid #2a3137;
  margin-bottom: 14px;
}

.cashier-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #8e969d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.cashier-tabs button:hover:not(.selected) {
  color: #d0d6dc;
  filter: none;
}

.cashier-tabs button.selected {
  background: #282e33;
  color: #f2f4f6;
}

/* Chain Selector Pills */
.cashier-methods {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  margin-bottom: 16px;
}

.cashier-methods[hidden] {
  display: none !important;
}

.cashier-methods button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 6px;
  border: 1px solid #2b3238;
  border-radius: 7px;
  background: #171c20;
  color: #8e969d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.cashier-methods button:hover:not(.selected) {
  background: #1e2429;
  color: #cfd6dc;
  filter: none;
}

.cashier-methods button.selected {
  background: #2d2b24;
  border-color: #c6933a;
  color: #ffca68;
}

/* Field Labels */
.cashier-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #9ba2a8;
  margin-bottom: 6px;
}

.cashier-label span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #c8cfd6;
}

.cashier-field-gem {
  width: 14px;
  height: 13px;
  display: inline-block;
  vertical-align: -2px;
  flex-shrink: 0;
}

/* Unified Input Bar (matches .bet-field) */
.cashier-bet-field {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 6px 0 12px;
  background:
    repeating-linear-gradient(135deg, #ffffff03 0 2px, transparent 2px 5px),
    linear-gradient(100deg, #65562d44, #262c31);
  border: 1px solid #45494a;
  border-left: 3px solid #dda634;
  border-radius: 8px;
  margin-bottom: 14px;
}

.cashier-bet-field:focus-within {
  border-color: #ba9145;
  border-left-color: #ffbe47;
}

.cashier-bet-field > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.cashier-bet-field input {
  flex: 1;
  width: 0;
  min-width: 0;
  height: 42px;
  padding: 0 8px 0 0;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f1f3f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 42px;
  font-variant-numeric: tabular-nums;
}

.cashier-bet-field input::placeholder {
  color: #7c868e;
  font-size: 13px;
  font-weight: 500;
}

.cashier-presets {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.cashier-presets button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #4a5157;
  border-radius: 6px;
  background: linear-gradient(#3f474e, #333a40);
  color: #eef1f4;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
}

.cashier-presets button:hover {
  background: #4e5047;
  border-color: #b8944c;
  color: #ffdc91;
  filter: none;
}

/* Withdraw Destination Input */
.cashier-withdraw-dest {
  margin-bottom: 14px;
}

.cashier-withdraw-dest[hidden] {
  display: none !important;
}

.cashier-link-btn {
  background: none;
  border: 0;
  padding: 0;
  color: #ffbe47;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.cashier-link-btn:hover {
  text-decoration: underline;
  filter: none;
}

#cashier-withdraw-addr {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  background: #161b1e;
  border: 1px solid #343b41;
  border-radius: 8px;
  color: #f1f3f5;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  line-height: 42px;
}

#cashier-withdraw-addr:focus {
  border-color: #ba9145;
  outline: 0;
}

/* Summary Facts Box */
.cashier-facts {
  background: #171c20;
  border: 1px solid #2b3238;
  border-radius: 8px;
  padding: 10px 13px;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.cashier-fact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: #8d979e;
}

.cashier-fact b {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #f1f3f5;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* Status Line */
#cashier-dialog .cashier-status {
  font-size: 12px;
  line-height: 1.45;
  color: #98a2aa;
  margin: 10px 0;
  padding: 0;
}

#cashier-dialog .cashier-status:empty {
  display: none;
}

#cashier-dialog .cashier-status[data-tone="warn"] {
  color: #f3b37a;
}

#cashier-dialog .cashier-status[data-tone="success"] {
  color: #77dcac;
  font-weight: 700;
}

/* Primary Gold Button */
#cashier-submit,
.cashier-primary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: linear-gradient(#f2a02b, #ffb740);
  border: 1px solid #ffd17d;
  border-radius: 8px;
  color: #17191b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

#cashier-submit:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Step 2 Checkout — Flat, Single-Layer Fields (No double boxes) */
.cashier-checkout[hidden] {
  display: none !important;
}

.cashier-checkout-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 13px;
  margin-bottom: 14px;
  background: #171c20;
  border: 1px solid #2b3238;
  border-left: 3px solid #dda634;
  border-radius: 8px;
  font-size: 12px;
}

.cashier-checkout-summary span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #c5ccd1;
  font-weight: 700;
}

.cashier-checkout-summary b {
  color: #ffca68;
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.cashier-field-group {
  margin-bottom: 12px;
}

.cashier-field-group label {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  color: #8d979e;
  margin-bottom: 5px;
}

/* Single unified bar with vertically centered text + button on the right */
.cashier-inline-bar {
  display: flex;
  align-items: center;
  height: 42px;
  padding: 0 5px 0 11px;
  background: #151a1e;
  border: 1px solid #323940;
  border-radius: 8px;
  gap: 8px;
}

.cashier-inline-bar:focus-within {
  border-color: #ba9145;
}

.cashier-inline-bar input {
  flex: 1;
  width: 0;
  min-width: 0;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #eef2f5;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  font-weight: 600;
  line-height: 40px;
}

.cashier-inline-bar input::placeholder {
  color: #6c7780;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.cashier-inline-bar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 12px;
  background: #282f35;
  border: 1px solid #3a434b;
  border-radius: 6px;
  color: #f0f3f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
}

.cashier-inline-bar button:hover {
  background: #343d45;
  border-color: #c6933a;
  color: #ffca68;
  filter: none;
}

.cashier-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  margin-top: 10px;
  padding: 0 12px;
  background: #262c31;
  border: 1px solid #343c43;
  border-radius: 8px;
  color: #c5ccd1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
}

.cashier-back:hover {
  background: #30373d;
  color: #fff;
  filter: none;
}