.tip-history-section { margin-top: 42px; }
.tip-history { display: grid; gap: 8px; }
.tip-history article { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 9px; padding: 13px 15px; }
.tip-history strong, .tip-history small { display: block; }
.tip-history strong { font-size: 11px; }
.tip-history small { color: #7b7b77; font-size: 9px; margin-top: 3px; }
.tip-history b { font: 700 10px 'DM Mono', monospace; }
.account-wallet { align-items: stretch; background: #171719; border-radius: 10px; color: #fff; display: grid; gap: 20px; grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr); margin-top: 15px; padding: 22px; }
.account-wallet .eyebrow { color: var(--lime); margin: 0 0 8px; }
.account-wallet h2 { font-size: 17px; margin: 0; }
.account-wallet > div > b { display: block; font: 700 25px 'DM Mono', monospace; margin: 12px 0 5px; }
.account-wallet > div > p:last-child { color: #cacac6; font-size: 9px; line-height: 1.5; margin: 0; }
.withdrawal-form { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); border-radius: 8px; display: grid; gap: 9px; padding: 14px; }
.withdrawal-form h3 { font-size: 11px; margin: 0; }
.withdrawal-form label { color: #e4e4df; }
.withdrawal-form label small { color: #a9a9a4; display: block; font-size: 8px; line-height: 1.4; margin: 3px 0; }
.withdrawal-form input { background: #fff; color: #111; }
.wallet-activity-section { margin-top: 30px; }
.wallet-activity { display: grid; gap: 8px; }
.wallet-activity article { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 8px; display: flex; gap: 12px; justify-content: space-between; padding: 12px 14px; }
.wallet-activity strong, .wallet-activity small { display: block; }
.wallet-activity strong { font-size: 10px; }
.wallet-activity small { color: #777; font-size: 8px; margin-top: 3px; }
.wallet-activity b { font: 700 10px 'DM Mono', monospace; }
.wallet-activity b.credit { color: #4d7a16; }
.wallet-activity b.debit { color: #bd573f; }
.payout-history-heading { margin-top: 22px; }
.profile-tip-balance { display: grid; gap: 9px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.profile-tip-balance article { background: #faf9f4; border: 1px solid #e7e4d7; border-radius: 9px; padding: 14px; }
.profile-tip-balance strong, .profile-tip-balance small, .profile-tip-balance span { display: block; }
.profile-tip-balance strong { color: #777; font: 700 9px 'DM Mono', monospace; }
.profile-tip-balance b { display: block; font: 700 17px 'DM Mono', monospace; margin: 6px 0 4px; }
.profile-tip-balance small, .profile-tip-balance span { color: #777; font-size: 9px; }
.profile-tip-balance span { margin-top: 5px; }
.tip-history-heading { margin-top: 28px; }
.tip-modal { width: min(440px, 100%); }
.tip-modal .tip-presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 13px 0; }
.tip-presets button { background: #fafaf8; border: 1px solid #deded9; border-radius: 6px; cursor: pointer; font: 700 10px Manrope; padding: 8px; }
.tip-presets button:hover { background: #f3f0ff; border-color: var(--violet); }
.tip-safety, .merchant-note { color: #706f6a; font-size: 9px; line-height: 1.55; margin: 0 0 12px; }
.tip-modal > small { color: #898985; display: block; font-size: 9px; line-height: 1.5; margin-top: 13px; }
.merchant-config { display: grid; gap: 13px; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 650px; }
.merchant-config label:nth-child(1), .merchant-config label:nth-child(3), .merchant-config label:nth-child(4), .merchant-config .merchant-note, .merchant-config button { grid-column: 1 / -1; }
.merchant-config .merchant-sandbox { align-items: center; color: #5e5d58; display: flex; font-size: 10px; gap: 8px; }
.merchant-config .merchant-sandbox input { accent-color: var(--violet); }
.merchant-config .merchant-note { background: #faf9f4; border: 1px solid #e7e4d7; border-radius: 7px; margin: 0; padding: 10px 11px; }
.merchant-config .primary-action { justify-self: start; }
.wallet-balance { background: #faf9f4; border: 1px solid #e7e4d7; border-radius: 9px; margin-top: 20px; max-width: 650px; padding: 15px; }
.wallet-balance-head { align-items: start; display: flex; gap: 16px; justify-content: space-between; }
.wallet-balance h3 { font-size: 12px; margin: 0; }
.wallet-balance p { color: #706f6a; font-size: 9px; line-height: 1.5; margin: 4px 0 0; }
.wallet-balance-head .text-button { flex: 0 0 auto; font-size: 9px; }
.wallet-balance-status { min-height: 14px; }
.wallet-balance-list { display: grid; gap: 7px; grid-template-columns: repeat(auto-fit, minmax(122px, 1fr)); margin-top: 12px; }
.wallet-balance-list article { align-items: baseline; background: #fff; border: 1px solid var(--line); border-radius: 6px; display: flex; justify-content: space-between; padding: 9px; }
.wallet-balance-list strong { font: 700 9px 'DM Mono', monospace; }
.wallet-balance-list b { font: 700 10px 'DM Mono', monospace; overflow-wrap: anywhere; }
.tip-ledger { background: #fff; border: 1px solid var(--line); border-radius: 9px; margin-top: 20px; max-width: 900px; padding: 15px; }
.tip-ledger-summary { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); margin: 14px 0; }
.tip-ledger-summary article { background: #faf9f4; border: 1px solid #e7e4d7; border-radius: 6px; padding: 10px; }
.tip-ledger-summary strong, .tip-ledger-summary small { display: block; }
.tip-ledger-summary strong { color: #777; font: 700 9px 'DM Mono', monospace; }
.tip-ledger-summary b { display: block; font: 700 13px 'DM Mono', monospace; margin: 5px 0 2px; }
.tip-ledger-summary small { color: #777; font-size: 8px; }
.tip-ledger-table { border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.tip-ledger-row { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 10px; grid-template-columns: minmax(145px, 1.15fr) minmax(130px, 1.2fr) minmax(80px, .65fr) minmax(85px, .7fr) minmax(130px, .9fr); padding: 10px; }
.tip-ledger-row:first-child { border-top: 0; }
.tip-ledger-row > div strong, .tip-ledger-row > div small { display: block; }
.tip-ledger-row > div strong { font-size: 10px; }
.tip-ledger-row > div small, .tip-ledger-row time { color: #777; font-size: 8px; overflow-wrap: anywhere; }
.tip-ledger-row > span { font-size: 9px; overflow-wrap: anywhere; }
.tip-ledger-row > b { font: 700 9px 'DM Mono', monospace; }
.tip-ledger-head { background: #faf9f4; border: 0; color: #777; font: 700 8px 'DM Mono', monospace; }
.manual-balance, .payout-queue { background: #fff; border: 1px solid var(--line); border-radius: 9px; margin-top: 20px; max-width: 900px; padding: 15px; }
.manual-balance h3, .payout-queue h3 { font-size: 12px; margin: 0; }
.manual-balance p, .payout-queue p { color: #706f6a; font-size: 9px; line-height: 1.5; margin: 4px 0 0; }
.wallet-credit-form { align-items: end; display: grid; gap: 10px; grid-template-columns: 1.2fr .7fr 1fr auto; margin-top: 14px; }
.wallet-credit-form .primary-action { white-space: nowrap; }
.admin-wallet-balances { display: grid; gap: 7px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); margin-top: 16px; }
.admin-wallet-balances article { align-items: center; background: #faf9f4; border: 1px solid #e7e4d7; border-radius: 7px; display: flex; justify-content: space-between; padding: 10px; }
.admin-wallet-balances strong, .admin-wallet-balances small { display: block; }
.admin-wallet-balances strong { font-size: 10px; }
.admin-wallet-balances small { color: #777; font-size: 8px; margin-top: 3px; }
.admin-wallet-balances b { font: 700 10px 'DM Mono', monospace; }
.internal-ledger-heading { margin-top: 22px; }
.admin-wallet-entries { display: grid; gap: 7px; margin-top: 11px; }
.admin-wallet-entries article { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 7px; display: flex; gap: 12px; justify-content: space-between; padding: 10px; }
.admin-wallet-entries strong, .admin-wallet-entries small { display: block; }
.admin-wallet-entries strong { font-size: 10px; }
.admin-wallet-entries small { color: #777; font-size: 8px; line-height: 1.4; margin-top: 3px; overflow-wrap: anywhere; }
.admin-wallet-entries b { font: 700 10px 'DM Mono', monospace; }
.admin-wallet-entries b.credit { color: #4d7a16; }
.admin-wallet-entries b.debit { color: #bd573f; }
.payout-queue > div:last-child { display: grid; gap: 8px; margin-top: 14px; }
.payout-row { align-items: center; background: #faf9f4; border: 1px solid #e7e4d7; border-radius: 7px; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) auto auto; padding: 11px; }
.payout-row strong, .payout-row small { display: block; }
.payout-row strong { font-size: 10px; }
.payout-row small { color: #777; font-size: 8px; line-height: 1.45; margin-top: 3px; overflow-wrap: anywhere; }
@media (max-width: 760px) { .tip-history article { grid-template-columns: 1fr auto; } .tip-history article .review-badge { grid-column: 1 / -1; } .merchant-config { grid-template-columns: 1fr; } .merchant-config label, .merchant-config .merchant-note, .merchant-config button { grid-column: auto !important; } .wallet-balance-head { align-items: flex-start; flex-direction: column; } .tip-ledger-table { overflow-x: auto; } .tip-ledger-row { min-width: 650px; } .account-wallet { grid-template-columns: 1fr; } .wallet-credit-form { grid-template-columns: 1fr; } .payout-row { grid-template-columns: 1fr; } }
.ad-stats { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 22px; max-width: 900px; }
.ad-stats article { background: #faf9f4; border: 1px solid #e7e4d7; border-radius: 8px; padding: 13px; }
.ad-stats strong, .ad-stats b, .ad-stats small { display: block; }
.ad-stats strong { color: #777; font: 700 9px 'DM Mono', monospace; text-transform: uppercase; }
.ad-stats b { font: 700 21px 'DM Mono', monospace; margin: 7px 0 4px; }
.ad-stats small, .ad-location { color: #706f6a; font-size: 9px; line-height: 1.5; }
.ad-location { margin: 12px 0 0; }
.pre-roll-ad { z-index: 80; }
.ad-modal { max-width: 460px; text-align: center; }
.ad-modal > p:not(.eyebrow) { color: #5d5d58; font-size: 12px; line-height: 1.6; }
.ad-modal .sponsor-link { align-items: center; border: 1px solid var(--line); border-radius: 7px; color: #171719; display: flex; font: 700 11px Manrope; justify-content: space-between; margin: 22px 0 10px; padding: 12px 13px; text-decoration: none; }
.ad-modal .sponsor-link:hover { border-color: var(--violet); color: var(--violet); }
.ad-modal .primary-action { justify-content: center; margin-top: 0; width: 100%; }
.ad-modal .primary-action:disabled { cursor: wait; opacity: .56; }
.ad-modal > small { color: #85857f; display: block; font-size: 9px; line-height: 1.5; margin-top: 13px; }
@media (max-width: 760px) { .ad-stats { grid-template-columns: 1fr; } }
.account-recovery { color: var(--violet); margin-top: 14px; }
.role-switch { display: inline-flex; border: 1px solid #deded9; border-radius: 5px; overflow: hidden; }
.role-switch button { background: #fff; border: 0; color: #777; cursor: pointer; font: 700 8px Manrope; padding: 5px 6px; }
.role-switch button + button { border-left: 1px solid #deded9; }
.role-switch button.selected { background: #1a1a1b; color: #fff; }