/* Tata Mall — Betting History Premium V6
   Existing betting/result logic is preserved. Mobile-first visual layer. */
.orders-betting-premium{min-height:100vh!important;background:#f4f7f8!important;color:#17272d!important;padding-bottom:88px!important;font-family:inherit!important}
.orders-betting-premium *{box-sizing:border-box}.orders-betting-premium .orders-shell{min-height:100vh;max-width:720px;margin:0 auto;padding-bottom:88px;position:relative}

/* Premium hero */
.bo-header{position:relative;overflow:hidden;padding:14px 16px 22px;background:linear-gradient(145deg,#062f2c 0%,#006b5c 52%,#00ad8d 100%);color:#fff;box-shadow:0 15px 34px rgba(0,94,78,.22)}
.bo-header:before{content:"";position:absolute;width:280px;height:280px;right:-150px;top:-175px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025)}
.bo-header:after{content:"";position:absolute;width:150px;height:150px;left:-90px;bottom:-115px;border-radius:50%;background:rgba(255,255,255,.055)}
.bo-headrow{position:relative;z-index:2;display:flex;align-items:center;gap:11px}.bo-back{width:40px;height:40px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(0,0,0,.14);color:#fff;font-size:29px;line-height:1;display:grid;place-items:center;cursor:pointer}.bo-headcopy{min-width:0}.bo-kicker{font-size:7px;font-weight:950;letter-spacing:1.65px;opacity:.7;text-transform:uppercase}.bo-header h1{margin:2px 0 0;font-size:22px;line-height:1.05;font-weight:950;letter-spacing:-.3px}.bo-header p{margin:5px 0 0;font-size:9px;opacity:.78}.bo-mark{margin-left:auto;width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;font-size:16px;font-weight:950}

/* Account summary */
.bo-summary{position:relative;z-index:5;width:calc(100% - 24px);margin:-14px auto 0;padding:8px;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:6px;background:#fff;border:1px solid #dce8e6;border-radius:20px;box-shadow:0 13px 32px rgba(26,49,55,.12)}
.bo-summary-main,.bo-stat{min-width:0;padding:9px 7px;border-radius:13px;background:#f7faf9;border:1px solid #e8efee}.bo-summary-main span,.bo-stat span{display:block;color:#87969a;font-size:7px;font-weight:950;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.bo-summary-main strong{display:block;margin-top:4px;color:#123f38;font-size:20px;line-height:1;font-weight:950}.bo-summary-main small{display:block;margin-top:4px;color:#9aa6a9;font-size:7px}.bo-stat b{display:block;margin-top:6px;color:#29464c;font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bo-win-text{color:#078c65!important}.bo-loss-text{color:#d7434c!important}

/* Section heading */
.bo-section-head{width:calc(100% - 24px);margin:19px auto 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.bo-section-head h2{margin:0;color:#18363d;font-size:15px;line-height:1.1;font-weight:950}.bo-section-head span{margin-top:4px;display:block;color:#89969b;font-size:8px}.bo-count{padding:6px 9px;border-radius:999px;background:#e7f8f3;border:1px solid #c9eee2;color:#087e66!important;font-size:8px!important;font-weight:950!important;white-space:nowrap}

/* Cards */
.bo-list{width:calc(100% - 24px);margin:0 auto;display:flex;flex-direction:column;gap:10px}.bo-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dce7e7;border-radius:20px;box-shadow:0 9px 27px rgba(28,50,57,.075)}.bo-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#aab8bc}.bo-card.win:before{background:linear-gradient(180deg,#25d59b,#008b66)}.bo-card.loss:before{background:linear-gradient(180deg,#ff777d,#d43c48)}.bo-card.pending:before{background:linear-gradient(180deg,#f4c55e,#c17d15)}
.bo-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 13px 10px 17px;border-bottom:1px solid #edf2f1;background:linear-gradient(180deg,#fff,#f9fbfb)}.bo-game{display:flex;align-items:center;gap:9px;min-width:0}.bo-game-dot{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:0 0 0 4px #edf3f2;background:#8d999d}.bo-game-dot.sapre{background:#00a987}.bo-game-dot.parity{background:#4389df}.bo-game-dot.bcone{background:#8d5ad1}.bo-game-dot.emred{background:#df5264}.bo-game strong{display:block;color:#17373e;font-size:12px;font-weight:950}.bo-game small{display:block;margin-top:2px;color:#8a979c;font-size:7.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:205px}.bo-outcome{padding:6px 10px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.55px;text-transform:uppercase}.bo-outcome.win{color:#087b59;background:#e5f9f1;border:1px solid #c4eddf}.bo-outcome.loss{color:#c13b44;background:#fff0f1;border:1px solid #f3cdd1}.bo-outcome.pending{color:#96620d;background:#fff6df;border:1px solid #f0ddb0}

/* Bet selection + amount */
.bo-betline{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 13px 11px 17px}.bo-bettype{display:flex;align-items:center;gap:7px}.bo-bet-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eef7f5;color:#087e68;font-size:13px;font-weight:950}.bo-betline .label{font-size:7px;color:#96a3a7;font-weight:950;letter-spacing:.65px;text-transform:uppercase}.bo-betline .selection{display:flex;align-items:center;gap:6px;margin-top:3px;color:#123943;font-size:15px;line-height:1;font-weight:950}.bo-amount{text-align:right;padding-left:8px}.bo-amount span{display:block;color:#9aa6aa;font-size:7px;font-weight:900;letter-spacing:.55px}.bo-amount strong{display:block;margin-top:4px;color:#008b71;font-size:17px;line-height:1;font-weight:950}

/* Detail grid */
.bo-info{display:grid;grid-template-columns:1fr 1fr;margin:0 13px 10px 17px;border-top:1px solid #edf1f2;border-bottom:1px solid #edf1f2}.bo-info-cell{min-width:0;padding:9px 7px 9px 0;border-right:1px solid #edf1f2}.bo-info-cell:nth-child(2n){padding-left:9px;border-right:0}.bo-info-cell:nth-child(n+3){border-top:1px solid #edf1f2}.bo-info-cell span{display:block;color:#9aa6aa;font-size:6.8px;font-weight:950;letter-spacing:.48px;text-transform:uppercase;white-space:nowrap}.bo-info-cell strong{display:flex;align-items:center;gap:5px;margin-top:4px;color:#2c474e;font-size:9.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bo-info-cell .muted{color:#a1abad}.bo-number{font-size:13px!important;color:#173f49!important}.bo-color-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.bo-color-dot.green{background:#19b879;box-shadow:0 0 0 3px #e0f8ed}.bo-color-dot.red{background:#e4545a;box-shadow:0 0 0 3px #fff0f1}.bo-color-dot.violet{background:#995cdb;box-shadow:0 0 0 3px #f1eafb}

/* Footer metadata */
.bo-time{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px 10px 17px;background:#fafcfc;color:#7e8d92;font-size:7.7px;font-weight:750}.bo-time .success{color:#078b63}.bo-time .fail{color:#d5434a}.bo-time .pending{color:#9a680e}.bo-time b{font-weight:950}

/* Pagination */
.bo-pages{width:calc(100% - 24px);margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:10px}.bo-pages button{width:38px;height:38px;border:1px solid #d8e4e2;border-radius:13px;background:#fff;color:#087f68;font-size:20px;font-weight:900;box-shadow:0 5px 15px rgba(29,53,59,.07)}.bo-pages button:disabled{opacity:.3}.bo-pages span{font-size:9px;color:#718087}.bo-pages b{color:#173d45}

.bo-loading,.bo-empty{width:calc(100% - 24px);margin:28px auto;padding:36px 18px;border:1px solid #dce7e7;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(27,49,58,.06);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#7d8b91;font-size:9px}.bo-empty strong{font-size:14px;color:#294149}.bo-empty-icon{width:48px;height:48px;border-radius:16px;background:#e6f8f2;color:#078b70;display:grid;place-items:center;font-size:20px;font-weight:950}.bo-spinner{width:29px;height:29px;border:3px solid #dce8e5;border-top-color:#078d72;border-radius:50%;animation:bo-spin .8s linear infinite}@keyframes bo-spin{to{transform:rotate(360deg)}}

/* Fixed app navigation */
.bo-footer{position:fixed;z-index:30;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.98);border-top:1px solid #dfe7e7;box-shadow:0 -9px 24px rgba(26,47,55,.09);backdrop-filter:blur(12px)}.bo-footer button{border:0;background:transparent;color:#87939a;font-size:8px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bo-footer button span{font-size:18px;line-height:1}.bo-footer button.active{color:#008f75}

@media(max-width:430px){.bo-summary{grid-template-columns:1.15fr 1fr 1fr 1fr}.bo-game small{max-width:155px}}
@media(max-width:360px){.bo-summary{gap:4px;padding:7px}.bo-summary-main,.bo-stat{padding:7px 5px}.bo-summary-main strong{font-size:16px}.bo-stat b{font-size:9px}.bo-info-cell strong{font-size:8.8px}.bo-header h1{font-size:20px}}

/* ===== V7 COMPACT PREMIUM HISTORY ===== */
.orders-betting-premium{background:#f3f7f7!important;padding-bottom:72px!important}
.orders-betting-premium .orders-shell{padding-bottom:72px!important}
.bo-header{padding:11px 13px 17px!important;box-shadow:0 10px 25px rgba(0,94,78,.17)!important}
.bo-headrow{gap:8px!important}.bo-back{width:35px!important;height:35px!important;border-radius:11px!important;font-size:25px!important}.bo-header h1{font-size:19px!important}.bo-header p{font-size:8px!important;margin-top:3px!important}.bo-kicker{font-size:6.5px!important;letter-spacing:1.3px!important}.bo-mark{width:35px!important;height:35px!important;border-radius:11px!important;font-size:14px!important}
/* One compact headline line: amount + success count + fail count */
.bo-summary{width:calc(100% - 18px)!important;margin:-10px auto 0!important;padding:5px!important;grid-template-columns:1.25fr 1fr 1fr!important;gap:4px!important;border-radius:15px!important;box-shadow:0 8px 20px rgba(26,49,55,.09)!important}
.bo-summary .bo-stat{padding:7px 6px!important;border-radius:10px!important;text-align:center!important;background:#fbfdfd!important}
.bo-summary .bo-stat span{font-size:6.5px!important;letter-spacing:.35px!important}
.bo-summary .bo-stat b{margin-top:4px!important;font-size:12px!important;line-height:1!important}
.bo-today-total b{color:#087e68!important}.bo-today-success b{color:#078c65!important}.bo-today-fail b{color:#d7434c!important}
.bo-section-head{width:calc(100% - 18px)!important;margin:13px auto 7px!important;align-items:center!important}
.bo-section-head h2{font-size:13px!important}.bo-section-head span{font-size:7px!important;margin-top:2px!important}.bo-count{padding:4px 7px!important;font-size:7px!important}
/* Compact card: information stays close together instead of large blocks */
.bo-list{width:calc(100% - 18px)!important;gap:6px!important}
.bo-card{border-radius:12px!important;box-shadow:0 4px 13px rgba(28,50,57,.06)!important}
.bo-card:before{width:3px!important}
.bo-row1{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 9px 5px 12px;border-bottom:1px solid #edf2f1;background:linear-gradient(180deg,#fff,#fbfcfc)}
.bo-game{gap:6px!important}.bo-game-dot{width:8px!important;height:8px!important;box-shadow:0 0 0 3px #edf3f2!important}.bo-game strong{font-size:10px!important}.bo-game small{margin-top:1px!important;font-size:6.5px!important;max-width:180px!important}.bo-outcome{padding:4px 7px!important;font-size:6.5px!important;letter-spacing:.4px!important}
.bo-row2{display:grid;grid-template-columns:1.35fr .75fr 1fr;align-items:center;gap:5px;padding:6px 9px 6px 12px}
.bo-bet,.bo-amount,.bo-result{min-width:0}.bo-label,.bo-amount span,.bo-result span{display:block;color:#99a6aa;font-size:6px;font-weight:950;letter-spacing:.45px;text-transform:uppercase;line-height:1}
.bo-bet strong,.bo-amount strong,.bo-result strong{display:flex;align-items:center;gap:4px;margin-top:3px;color:#24434a;font-size:8.5px;line-height:1.1;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bo-amount{text-align:center;border-left:1px solid #edf1f2;border-right:1px solid #edf1f2;padding:0 5px}.bo-amount strong{justify-content:center;color:#008b71;font-size:10px}.bo-result strong{justify-content:flex-end;color:#173f49}.bo-result em{font-style:normal;color:#7b898e;font-size:7px;font-weight:800}
.bo-color-dot{width:6px!important;height:6px!important;box-shadow:none!important}
.bo-row3{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:5px 9px 6px 12px;background:#fafcfc;color:#89969a;font-size:6.5px;font-weight:750;border-top:1px solid #f0f3f3}.bo-row3 b{font-weight:950}.bo-row3 .success{color:#078b63}.bo-row3 .fail{color:#d5434a}.bo-row3 .pending{color:#9a680e}
.bo-pages{margin:10px auto 0!important}.bo-pages button{width:34px!important;height:34px!important;border-radius:10px!important}.bo-pages span{font-size:8px!important}
.bo-empty{width:calc(100% - 18px)!important;margin:18px auto!important;padding:28px 14px!important;border-radius:14px!important}.bo-empty strong{font-size:12px!important}.bo-empty span{font-size:8px!important}
.bo-footer{height:58px!important}.bo-footer button{font-size:7px!important}.bo-footer button span{font-size:16px!important}
@media(max-width:360px){.bo-summary .bo-stat b{font-size:10px!important}.bo-summary .bo-stat span{font-size:6px!important}.bo-row2{grid-template-columns:1.3fr .75fr 1fr}.bo-game small{max-width:130px!important}.bo-bet strong,.bo-amount strong,.bo-result strong{font-size:8px!important}}