/* Bet-record cards: colors measured from the supplied reference. Transfer cards keep their existing design. */
#panelContent[data-record-type="bets"]{max-width:360px;margin-inline:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
#panelContent[data-record-type="bets"] .record-list{border-top:0;padding-top:8px}
#panelContent[data-record-type="bets"] .record-ranges{gap:6px;flex-wrap:wrap}
#panelContent[data-record-type="bets"] .record-card{background:#232a37;border-radius:15px;padding:8px 12px;margin-bottom:16px;color:#f1f2f4}
#panelContent[data-record-type="bets"] .record-card h3{font-size:17px;line-height:24px;font-weight:600;margin:0 0 2px;color:#f1f2f4}
#panelContent[data-record-type="bets"] .record-card small{font-size:13px;line-height:19px;color:#6779b1}
#panelContent[data-record-type="bets"] .record-amounts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px}
#panelContent[data-record-type="bets"] .record-amounts>span{min-width:0}
#panelContent[data-record-type="bets"] .record-amounts>span:last-child{text-align:right}
#panelContent[data-record-type="bets"] .record-amounts small{margin:0;font-size:13px;line-height:19px}
#panelContent[data-record-type="bets"] .record-amounts b{font-size:14px;line-height:21px;font-weight:700;white-space:normal;overflow-wrap:anywhere;color:#f1f2f4}
#panelContent[data-record-type="bets"] .summary-card{padding-top:10px;padding-bottom:10px;min-height:88px}
#panelContent[data-record-type="bets"] .summary-card .record-amounts>span:first-child b{color:#6779b1}
#panelContent[data-record-type="bets"] .record-amounts .negative{color:#ef4444}
#panelContent[data-record-type="bets"] .record-amounts .positive{color:#22c55e}
#panelContent[data-record-type="bets"] .history-card{border-left:2px solid #38a169;min-height:124px}
#panelContent[data-record-type="bets"] .history-card header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px;min-height:26px!important}
#panelContent[data-record-type="bets"] .history-card header h3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;white-space:normal;overflow-wrap:anywhere;margin:0}
#panelContent[data-record-type="bets"] .history-card header>small{font-size:9px;line-height:14px;margin:2px 0 0;color:#f1f2f4;white-space:nowrap}
#panelContent[data-record-type="bets"] .settled{padding:4px 7px;border-radius:4px;font-size:11px;line-height:18px;font-weight:500;white-space:nowrap}
#panelContent[data-record-type="bets"] .settled[data-state="settled"]{background:#38a169;color:#fff}
#panelContent[data-record-type="bets"] .order-id{display:flex;align-items:start;gap:4px;margin:0;min-width:0}
#panelContent[data-record-type="bets"] .order-id b{font-size:14px;line-height:21px;font-weight:700;min-width:0;max-width:calc(100% - 22px);overflow-wrap:anywhere;color:#f1f2f4}
#panelContent[data-record-type="bets"] .order-id button{flex:0 0 18px;width:18px;min-height:21px;padding:0;color:#6779b1;display:grid;place-items:center}
@container(max-width:240px){
 #panelContent[data-record-type="bets"] .record-card{padding:8px;margin-bottom:12px}
 #panelContent[data-record-type="bets"] .record-card h3{font-size:14px;line-height:21px}
 #panelContent[data-record-type="bets"] .history-card header>small{font-size:8px;line-height:12px}
 #panelContent[data-record-type="bets"] .record-amounts b{font-size:12px;line-height:18px}
 #panelContent[data-record-type="bets"] .record-amounts small{font-size:12px;line-height:18px}
 #panelContent[data-record-type="bets"] .settled{font-size:10px;line-height:16px;padding:3px 5px}
 #panelContent[data-record-type="bets"] .order-id b{font-size:12px;line-height:20px}
}