.modal[open][data-surface="betting"]{width:min(1200px,calc(100% - 32px));height:min(912px,calc(100svh - 28px));max-height:min(912px,calc(100svh - 28px));display:flex;flex-direction:column;overflow:hidden}
.modal[open][data-surface="betting"] .modal-main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.modal[open][data-surface="betting"] #modal-body{flex:1;min-height:0;overflow:auto}
.bet-detail-layer{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;background:linear-gradient(130deg,#202c39,#111925 65%)}
.bet-detail-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #718293}
.bet-detail-bar strong{font-size:16px}
.bet-detail-bar button{padding:8px 14px;border:1px solid #c4e6ff36;border-radius:9px;color:#c3e6ff;background:#bde1ff0a}
.bet-detail-frame-wrap{flex:1;min-height:0;display:flex}
.bet-detail-frame{flex:1;width:100%;border:0;background:#0b1220}
.bet-detail-status{margin:auto;color:#92abc4;font-size:13px}
.bet-history-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}
.modal .bet-period{display:flex;align-items:end;gap:10px;margin:0}
.bet-period label{display:flex;flex-direction:column;gap:7px;color:#8daac3;font-size:10px}
.bet-period input{color:#dfedfc;color-scheme:dark;width:160px;min-width:0;font-size:12px;padding:11px;border:1px solid #bcdfff36;border-radius:12px;background:#08162d8c}
.bet-period>span{font-size:12px;align-self:center;padding-top:15px;color:#83a7c4}
.bet-period button{padding:11px 19px;border-radius:12px;border:1px solid #bfe6ff56;background:linear-gradient(135deg,#8bcaff30,#558dc120);color:#e5f6ff;font-size:12px;height:39px}
.bet-category-tabs{display:flex;gap:8px}.bet-category-tabs button{font-size:12px;padding:11px 20px;border-radius:999px;background:#d4edff0a;border:1px solid #c5e5ff24;color:#abc6db}
.bet-category-tabs button[aria-pressed="true"]{background:#91cbff2a;color:#e5f6ff;border-color:#c4eaff65;box-shadow:inset 0 1px 1px #fff3}
.bet-table-meta{display:flex;justify-content:space-between;font-size:10px;color:#93b7d1;margin-bottom:10px;letter-spacing:1px}
.bet-table-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#416682 #0d1b2e;border:1px solid #c7e5ff2c;border-radius:19px;background:#b8dbff05}
.bet-history-table{border-collapse:collapse;width:100%;min-width:980px;text-align:right;font-size:11px;color:#c5dced}
.bet-history-table th{padding:15px 13px;font-size:11px;font-weight:600;background:#86bbeb0e;color:#a3c6e1;white-space:nowrap}
.bet-history-table td{padding:8px 13px;border-top:1px solid #cce5ff13;vertical-align:middle;white-space:nowrap}
.bet-history-table th:nth-child(-n+3),.bet-history-table td:nth-child(-n+3){text-align:left}
.bet-history-table td strong{font-size:12px;font-weight:600;display:block;color:#e1f0ff}
.bet-history-table small{display:block;font-size:9px;color:#7f9fb8;margin-top:5px}
.bet-history-table td.bet-profit-positive{color:#a1e4d3}.bet-history-table td.bet-profit-negative{color:#e4acbc}
.bet-detail-button{font-size:10px;color:#c3e6ff;padding:7px 9px;border:1px solid #c4e6ff36;border-radius:9px;background:#bde1ff0a}
.bet-history-table .bet-empty{text-align:center!important;height:110px;color:#92abc4;font-size:12px}
.bet-expanded-row td{text-align:left!important;background:#7ab0e808}
.bet-expanded{display:flex;flex-wrap:wrap;gap:17px 30px;padding:5px 3px}.bet-expanded div span{font-size:9px;color:#8db2cd;display:block;margin-bottom:7px}.bet-expanded div strong{font-size:11px}.bet-expanded p{width:100%;font-size:10px;color:#87a4be;margin:0}
.bet-history-note{font-size:10px;color:#839bb4;margin:17px 0 0;line-height:1.7}
.bet-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bet-pager{display:flex;justify-content:center;gap:8px;margin-top:16px}
.bet-pager:empty{display:none}
.bet-pager button{min-width:36px;padding:8px 12px;border-radius:10px;border:1px solid #c5e5ff24;background:#d4edff0a;color:#abc6db;font-size:12px}
.bet-pager button[aria-current="page"]{background:#91cbff2a;color:#e5f6ff;border-color:#c4eaff65}
.bet-pager button:disabled{opacity:.4}
@media(max-width:740px){.modal[data-surface="betting"]{width:calc(100% - 20px)}.bet-history-toolbar{align-items:start;flex-direction:column;gap:14px}.modal .bet-period{width:100%;gap:7px}.bet-period label{flex:1;min-width:0}.bet-period input{width:100%;padding:10px 7px;font-size:11px}.bet-period button{padding:10px 13px;font-size:11px}.bet-category-tabs button{padding:9px 17px;font-size:11px}.bet-history-table{font-size:10px}.bet-table-scroll{border-radius:15px}.bet-expanded{gap:13px 20px}}
@media(max-width:380px){.header-nav{flex-wrap:wrap;justify-content:center;gap:0 10px}.header-nav button{font-size:11px}}