/* SERIES 444 — sirf wo cheezein jo reference me nahi hain (ref.css ko kabhi hath se mat badlo) */
/* match odds runner suspended — odds cells ke upar parda (ref race page "Suspended" jaisa) */
tr.odd-row > td.s444-suspend { position: absolute; top: 0; right: 0; bottom: 0; width: 66%; padding: 0; border: 0; background: rgba(255,255,255,.6); display: flex; align-items: center; justify-content: center; z-index: 2; }
tr.odd-row > td.s444-suspend span { color: #000; font-weight: 700; font-size: 12px; }
@media (max-width: 992px) { tr.odd-row > td.s444-suspend { width: 36%; } }
.s444-slip-msg { margin: 4px 8px 6px; font-size: 12px; font-weight: 700; }
.s444-slip-msg.ok { color: #1e7e34; } .s444-slip-msg.bad { color: #c00; }
.s444-loading { padding: 10px; font-size: 12px; color: #555; background: #fff; }
.s444-score-frame { width: 100%; height: 190px; border: 0; display: block; }
.s444-tv-frame { width: 100%; height: 230px; border: 0; display: block; }
.s444-tv-locked { padding: 10px; font-size: 12px; background: #fff; }
.s444-news { background: #fff; font-size: 12px; padding: 2px 6px; }
.s444-login-msg { color: #fff; font-size: 13px; text-align: center; margin: 0 0 10px; }
.s444-ob-table { margin: 0; font-size: 12px; background: #fff; }
.s444-ob-table th { background: #e4e4e4; font-size: 12px; padding: 4px 6px; }
.s444-ob-table td { padding: 4px 6px; border-bottom: 1px solid #ddd; }
.s444-ob-table tr.back-row td { background: #beddf4; } .s444-ob-table tr.lay-row td { background: #f3dce2; }
/* account pages (ref me in pages ki capture nahi — ref ke dashboard card/table classes pe) */
.s444-acc { margin: 0 0 10px; }
.s444-acc .account-detail-body { background: #fff; overflow-x: auto; }
.s444-acc-table { font-size: 12px; margin: 0; }
.s444-acc-table th { background: #e4e4e4; font-weight: 700; white-space: nowrap; }
.s444-acc-table tr.back-row td { background: #beddf4; } .s444-acc-table tr.lay-row td { background: #f3dce2; }
.s444-empty { color: #777; }
.s444-neg { color: #d50000; } .s444-pos { color: #508d0e; }
.s444-filter { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin: 0 0 8px; font-size: 12px; }
.s444-filter label { display: flex; flex-direction: column; font-weight: 700; }
.s444-filter select { height: 30px; border: 1px solid #ccc; border-radius: 3px; padding: 0 6px; background: #fff; }
.s444-filter input { height: 30px; border: 1px solid #ccc; border-radius: 3px; padding: 0 6px; }
.s444-form { max-width: 360px; font-size: 12px; }
.s444-form label { display: block; font-weight: 700; margin-bottom: 8px; }
.s444-form input { display: block; width: 100%; height: 32px; border: 1px solid #ccc; border-radius: 3px; padding: 0 8px; font-weight: 400; }
.s444-form-msg { font-weight: 700; }
/* universe / own casino iframe pages */
.s444-universe-msg { background: #fff; padding: 16px; font-size: 13px; text-align: center; }
.s444-universe-title { background: var(--header-bg); color: #fff; font-weight: 700; font-size: 13px; padding: 6px 10px; }
.s444-universe { background: #000; }
.s444-universe-frame { width: 100%; height: calc(100vh - 100px); min-height: 640px; border: 0; display: block; background: #000; }
.s444-casino-page { background: #000; }

/* Setting page (aura444.biz): Theme circles + Quick Stakes; rang theme vars se aate hain */
.s444-setting { background: #eee; margin: 0 0 10px; }
.s444-set-title { margin: 0; padding: 4px 5px; font-size: 18px; color: #fff; background: var(--sportsbar-bg); }
.s444-set-title .fa { font-size: 20px; }
.s444-set-head { margin: 0; padding: 10px 5px; font-size: 15px; font-weight: 700; color: #fff; background: var(--exchange-bg); display: flex; justify-content: space-between; align-items: center; }
.s444-set-default { cursor: pointer; font-size: 15px; }
.s444-set-themes { display: flex; flex-wrap: wrap; padding: 8px 6px 2px; margin: 10px 8px 12px; max-width: 340px; background: #f0f0f0; border: 1px solid #e2e2e2; border-radius: 22px; }
.s444-circle { width: 36px; height: 36px; margin: 6px 15px 10px; border-radius: 50%; background: transparent; padding: 0; box-sizing: border-box; cursor: pointer; border: 2px solid #1f2b3a; display: inline-block; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.s444-circle.sel { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1f2b3a; }
.s444-round { display: block; width: 100%; height: 100%; margin: 0; border-radius: 50%; }
.s444-set-stakes { padding: 10px 7px 14px; }
.s444-set-stakes h5 { font-size: 16px; font-weight: 700; color: #2c3e50; margin: 8px 0; }
.s444-stake-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; max-width: 340px; }
.s444-stake-grid input { height: 36px; text-align: center; font-size: 15px; background: #fff; border: 2px solid #3a3fb0; border-radius: 3px; min-width: 0; box-shadow: inset 0 0 6px rgba(80,120,255,.35); }
.s444-set-save { margin-top: 12px; width: 320px; max-width: 100%; height: 38px; border: 0; border-radius: 4px; color: #fff; font-size: 18px; font-weight: 700; background: var(--setting-save-bg); display: block; }
.s444-set-reset { margin-top: 8px; border: 0; background: none; color: #2c3e50; text-decoration: underline; font-size: 12px; }
/* daam badalne ki chamak (ref .SparkBack/.SparkLay :before overlay) — cell ke andar hi rahe */
.count.SparkBack, .count.SparkLay, .bet-buttons.SparkBack, .bet-buttons.SparkLay { position: relative; }
/* race runner ke neeche jockey / trainer (reference ke grey chips) */
.s444-race-tag { display: inline-block; background: #e9e9e9; color: #555; font-size: 10px; line-height: 14px; border-radius: 3px; padding: 1px 6px; margin: 2px 4px 0 0; font-weight: 400; white-space: nowrap; }
/* aura scoreboard (reference "Powered By Universe Score" kaala box, Match Odds ke upar) — src/t30/AuraScore.jsx */
.s444-sc { background: #000; color: #fff; margin-bottom: 4px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
.s444-sc-tbl { width: 100%; border-collapse: collapse; table-layout: fixed; }
.s444-sc-tbl th { font-size: 11px; font-weight: 400; color: #b2b2b2; text-align: center; padding: 6px 4px 2px; white-space: nowrap; text-transform: uppercase; }
.s444-sc-tbl th.s444-sc-pw { text-align: left; text-transform: none; font-size: 10px; color: #8a8a8a; padding-left: 8px; }
.s444-sc-tbl td { font-size: 14px; font-weight: 700; color: #b2b2b2; text-align: center; padding: 4px; vertical-align: middle; white-space: nowrap; }
.s444-sc-tbl td:first-child, .s444-sc-tbl th:first-child { text-align: left; padding-left: 8px; position: relative; width: 34%; }
.s444-sc-tbl td.s444-sc-main { color: #fff; }
.s444-sc-tbl .s444-sc-info { font-size: 10px; font-weight: 400; color: #fff; text-align: right; white-space: normal; width: 22%; padding-right: 8px; overflow: hidden; }
.s444-sc-team { display: flex; align-items: center; gap: 6px; min-width: 0; }
.s444-sc-kit { width: 18px; height: 24px; display: inline-block; flex: 0 0 18px; object-fit: contain; }
.s444-sc-flag { width: 20px; height: 14px; flex: 0 0 20px; object-fit: cover; }
.s444-sc-tn { min-width: 0; }
.s444-sc-name { font-size: 13px; font-weight: 400; color: #fff; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s444-sc-sub { font-size: 9px; color: #b2b2b2; line-height: 11px; }
.s444-sc-card { display: inline-block; width: 8px; height: 11px; border-radius: 1px; vertical-align: middle; }
.s444-sc-bat { font-size: 8px; background: #fff; color: #000; border-radius: 2px; padding: 0 3px; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); }
.s444-sc-serve { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #d4e157; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); }
.s444-sc-status { font-size: 11px; color: #fff; padding: 3px 8px 5px; border-top: 1px solid #222; text-transform: uppercase; }
@media (max-width: 767px) { .s444-sc-tbl td:first-child, .s444-sc-tbl th:first-child { width: 36%; } .s444-sc-name { font-size: 11px; } .s444-sc-tbl td { font-size: 12px; } }
/* bet toast (error hamesha dikhe) */
.s444-toast { position: fixed; top: 56px; right: 14px; z-index: 99999; max-width: 90vw; min-width: 240px; padding: 11px 16px; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 3px 12px rgba(0,0,0,.35); }
.s444-toast.bad { background: #b23b30; } .s444-toast.ok { background: #2e7d32; }
/* betslip: odds / stake group flex — + / - overlap nahi (ref: 4 barabar group) */
.place-bet .stacksCol.s444-slipcol { display: flex; align-items: center; min-width: 0; padding-top: 4px; }
.place-bet .s444-slipcol .stakeactionminus, .place-bet .s444-slipcol .stakeactionplus { position: relative; float: none !important; flex: 0 0 38px; width: 38px !important; height: 38px; padding: 0; display: flex; align-items: center; justify-content: center; }
.place-bet .s444-slipcol .betButtonMinus, .place-bet .s444-slipcol .betButtonPlus { position: static; width: 19px; height: 19px; display: inline-flex; align-items: center; justify-content: center; }
.place-bet .s444-slipcol .input-Betslip { flex: 1 1 auto; width: auto !important; min-width: 0; height: 38px !important; margin: 0 !important; }
/* Place Bet: slate-blue; stake ke bina halka (ref btn-send disabled) */
.place-bet .btn-send { background: #9fb0c2 !important; border-color: #9fb0c2 !important; color: #fff; opacity: .85; height: 38px; }
.place-bet .btn-send-active { background: #4d6b8a !important; border: 1px solid #4d6b8a !important; color: #fff; height: 38px; border-radius: 5px; }
.place-bet .hideMobile .btn-send, .place-bet .hideMobile .btn-send-active { width: 100%; }
/* chamak ke dauran daam ka text overlay ke upar dikhe (overlay :before absolute hai) */
.count.SparkBack > *, .count.SparkLay > *, .bet-buttons.SparkBack > *, .bet-buttons.SparkLay > * { position: relative; z-index: 1; }
/* runner position (ref: naam ke neeche "→ -100.00" laal / "→ 76.00" hara) */
.s444-posline { display: block; font-size: 12px; font-weight: 700; line-height: 14px; }
.s444-pos.pos { color: #2e9c4a; }
.s444-pos.neg { color: #e0202f; }
/* Open Bets: Matched tab, Back (Bet For) / Lay (Bet Against), Bet Info (ref) */
.s444-ob-tabs { display: flex; border-bottom: 2px solid #d0d0d0; margin: 6px 0 0; }
.s444-ob-tabs span { padding: 5px 14px; font-size: 12px; font-weight: 700; color: #333; }
.s444-ob-tabs span.active { background: #e4e4e4; border-bottom: 2px solid #4d6b8a; margin-bottom: -2px; }
.s444-ob-table.back th { background: #beddf4; } .s444-ob-table.lay th { background: #f3dce2; }
.s444-ob-table th { font-weight: 700; color: #222; }
.s444-ob-table { margin-top: 6px; }
.s444-ob-sel strong { display: block; font-size: 12px; color: #000; }
.s444-ob-sel small { display: block; font-size: 11px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; }
.s444-ob-pill { float: left; margin-right: 6px; padding: 1px 6px; border-radius: 3px; font-size: 10px; font-weight: 700; color: #fff; }
.s444-ob-pill.back { background: #4a90c8; } .s444-ob-pill.lay { background: #d9728a; }
.s444-ob-sel { overflow: hidden; }
.s444-ob-info { white-space: normal !important; max-width: none !important; }
.s444-ob-infochk { display: block; padding: 6px; font-size: 12px; background: #fff; }
.s444-ob-infochk input { margin-right: 4px; }

/* Bet Info on: bet ke upar 'Ref: dd-mm-yyyy h:mm:ss' (ref) */
.s444-ob-ref td { font-size: 11px; color: #333; padding: 2px 6px !important; border: 0 !important; }
.s444-ob-ref.back td { background: #dbe8f5; }
.s444-ob-ref.lay td { background: #f6dde3; }
/* Open Bets table panel ke andar fit (ref): fixed columns, naam/market ek line + ellipsis — ref.css .table niyamon se upar */
app-right-nav table.s444-ob-table, table.table.s444-ob-table { table-layout: fixed !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; }
app-right-nav table.s444-ob-table th, app-right-nav table.s444-ob-table td { font-size: 12px !important; padding: 4px 5px !important; overflow: hidden !important; vertical-align: middle; }
app-right-nav table.s444-ob-table th:nth-child(1), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(1) { width: 46% !important; }
app-right-nav table.s444-ob-table th:nth-child(2), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(2) { width: 14% !important; }
app-right-nav table.s444-ob-table th:nth-child(3), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(3) { width: 15% !important; }
app-right-nav table.s444-ob-table th:nth-child(4), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(4) { width: 25% !important; white-space: nowrap !important; }
app-right-nav table.s444-ob-table td.s444-ob-sel { white-space: nowrap !important; }
app-right-nav table.s444-ob-table td.s444-ob-sel strong, app-right-nav table.s444-ob-table td.s444-ob-sel small { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100%; }
app-right-nav table.s444-ob-table td.s444-ob-sel .s444-ob-pill { float: left; margin: 1px 5px 0 0; }
app-right-nav table.s444-ob-table tr.s444-ob-ref td { width: auto !important; }
/* owner 10-09: login page + 18+ popup header ke theme rang me (biz: header jaisa) */
.main-Box-login { background: var(--header-bg) !important; min-height: 100vh; }
.main-Box-login .loginBtn, .main-Box-login .btn-send { background: var(--header-bg) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.18) !important; box-shadow: 0 2px 4px rgba(0,0,0,.35); }
.ageconfirmationModalclass, .login-popup-content { background: var(--header-bg) !important; color: #fff; }
.ageconfirmationModalclass .confirm-text, .ageconfirmationModalclass .text1 { text-align: center; color: #fff; font-weight: 700; }
.main-Box-login .crossIcon { background: var(--header-bg) !important; border: 1px solid rgba(255,255,255,.25); border-radius: 4px; }
.main-Box-login .crossIcon i { color: #fff !important; }
/* demo: Stream access restricted (ref) */
.s444-tv-restricted { background: linear-gradient(180deg, #0d1426 0%, #0a0f1d 100%); padding: 28px 16px; min-height: 170px; display: flex; align-items: center; }
.s444-tv-rbox { display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; padding: 16px 18px; width: 100%; }
.s444-tv-lock { flex: 0 0 42px; height: 42px; border-radius: 50%; background: rgba(214,170,64,.18); border: 1px solid rgba(214,170,64,.5); display: flex; align-items: center; justify-content: center; color: #e2b54c; font-size: 17px; }
.s444-tv-rt { color: #fff; font-weight: 700; font-size: 17px; line-height: 22px; }
.s444-tv-rd { color: #b8c0d4; font-size: 12px; line-height: 16px; margin-top: 2px; }

.s444-silk { width: 22px; height: 22px; object-fit: contain; margin-right: 6px; }

.s444-prof-box { border: 1px solid #ddd; border-radius: 3px; margin-bottom: 10px; overflow: hidden; }
.s444-prof-head { background: #e4e4e4; font-weight: 700; padding: 6px 10px; font-size: 13px; }
.s444-prof-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px 14px; padding: 10px; }
.s444-prof-cell label { display: block; font-size: 11px; color: #666; font-weight: 700; margin: 0; }
.s444-prof-val { font-size: 13px; border-bottom: 1px solid #eee; padding: 2px 0; min-height: 22px; }
/* demo user: casino/private feature popup (18+ ki jagah) */
.s444-demo-pop { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 10060; display: flex; align-items: center; justify-content: center; }
.s444-demo-box { width: 420px; max-width: calc(100% - 32px); background: var(--header-bg); color: #fff; border-radius: 6px; padding: 22px 20px 18px; text-align: center; box-shadow: 0 8px 30px rgba(0,0,0,.4); }
.s444-demo-t { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.s444-demo-box p { font-size: 14px; margin: 0 0 16px; }
.s444-demo-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.s444-demo-btns button { min-width: 140px; height: 32px; border-radius: 3px; font-weight: 700; font-size: 13px; }
.s444-demo-ok { background: #fff; color: #000; border: 1px solid #fff; }
.s444-demo-x { background: #000; color: #fff; border: 1px solid #fff; }

/* ===== mobile account section (aura444.biz mobile jaisa) ===== */
.m-acc { background: #ebebeb; padding: 8px; font-size: 13px; color: #222; }
.m-card { background: #fff; border-radius: 4px; overflow: hidden; margin-bottom: 8px; box-shadow: 0 1px 2px rgba(0,0,0,.15); }
.m-head { background: linear-gradient(180deg, #2e4b5e, #243a48); color: #fff; font-weight: 700; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; border-radius: 4px 4px 0 0; }
.m-body { padding: 8px; }
.m-filter { border-top: 3px solid #243a48; }
.m-frow { display: flex; gap: 8px; margin-bottom: 8px; }
.m-frow > * { flex: 1 1 0; min-width: 0; }
.m-sel, .m-date input, .m-dt select, .m-dt-s input { width: 100%; height: 34px; border: 1px solid #ced4da; border-radius: 3px; padding: 0 8px; background: #fff; font-size: 13px; }
.m-dt select { width: auto; height: 28px; } .m-dt-s input { width: 120px; height: 28px; }
.m-date { display: flex; } .m-date input { border-radius: 3px 0 0 3px; }
.m-cal { width: 34px; display: flex; align-items: center; justify-content: center; background: #e9ecef; border: 1px solid #ced4da; border-left: 0; border-radius: 0 3px 3px 0; }
.m-go { width: 100%; height: 36px; background: #6c757d; color: #fff; border: 0; border-radius: 3px; font-weight: 700; }
.m-userband { background: #243a48; color: #fff; font-weight: 700; padding: 10px 12px; border-radius: 4px 4px 0 0; }
.m-menu { background: #fff; margin-bottom: 8px; }
.m-row { display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; border-bottom: 1px solid #e3e3e3; color: #1a62b3; font-weight: 700; text-decoration: none; background: #fff; cursor: pointer; }
.m-chev { width: 22px; height: 22px; border: 1px solid #c8c8c8; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; color: #444; }
.m-logout { width: 100%; height: 42px; background: #b0382c; color: #fff; border: 0; border-radius: 3px; font-weight: 700; letter-spacing: .5px; }
.m-kv { margin-bottom: 10px; } .m-kv label { display: block; font-weight: 700; margin: 0 0 2px; } .m-edit { margin-left: 10px; color: #1a62b3; font-weight: 700; }
.m-dt-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; gap: 6px; flex-wrap: wrap; }
.m-dt-top label { margin: 0; font-size: 12px; }
.m-dt-scroll { overflow-x: auto; }
.m-tbl { border-collapse: collapse; width: 100%; min-width: 560px; }
.m-tbl th { background: #f1f1f1; font-size: 12px; padding: 6px 8px; border: 1px solid #ddd; white-space: nowrap; text-align: left; }
.m-tbl td { padding: 6px 8px; border: 1px solid #e3e3e3; font-size: 12px; white-space: nowrap; }
.m-tbl .r { text-align: right; }
.m-empty { text-align: center; color: #666; padding: 12px; }
.m-dt-info { font-size: 12px; margin: 8px 0 4px; }
.m-pager { display: flex; justify-content: flex-end; gap: 4px; flex-wrap: wrap; }
.m-pager button { border: 1px solid #ccc; background: #fff; border-radius: 3px; padding: 3px 8px; font-size: 12px; }
.m-pager button.on { background: #243a48; color: #fff; border-color: #243a48; } .m-pager button:disabled { color: #999; }
.m-lnk { color: #1a62b3; font-weight: 700; text-decoration: none; cursor: pointer; }
.m-pos { color: #1b8a3a; } .m-neg { color: #d6232f; }
.m-tbl tr.m-back td { background: #cfe6f7; } .m-tbl tr.m-lay td { background: #f9d6de; } .m-tbl tr.m-void td { background: #fff; }
.m-legend { display: flex; gap: 4px; } .m-legend i { font-style: normal; font-size: 11px; padding: 1px 8px; border-radius: 3px; color: #222; }
.m-legend .m-back { background: #cfe6f7; } .m-legend .m-lay { background: #f9d6de; } .m-legend .m-void { background: #fff; }
/* Sports tab list */
.s444-m-list { background: #fff; }
.s444-m-row { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; height: 43px; padding: 0 8px 0 7px; margin: 0 3px; border-bottom: 1px solid #e3e3e3; color: #2789ce; font-size: 15.6px; font-weight: 700; cursor: pointer; text-decoration: none; }
.s444-m-chev { width: 25px; height: 24px; border: 1px solid #b9b9b9; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; color: #1c1c1c; background: #fff; }
.s444-m-ev { display: block; padding: 9px 12px 9px 22px; border-bottom: 1px solid #eee; color: #1a62b3; background: #f6f8fa; text-decoration: none; font-weight: 600; }
.s444-m-back { padding: 9px 12px; background: #e4e4e4; font-weight: 700; cursor: pointer; } .s444-m-empty { padding: 14px; text-align: center; color: #666; }
/* mobile event: title band + Live Score | Watch Live */
.s444-mlive-title { background: #243a48; color: #fff; font-weight: 700; text-align: center; padding: 8px 40px; position: relative; }
.s444-mlive-title i { position: absolute; right: 12px; top: 10px; cursor: pointer; }
.s444-mlive-tabs { display: flex; background: #e4e4e4; } .s444-mlive-tabs button { flex: 1; border: 0; background: transparent; padding: 8px; font-weight: 700; color: #333; }
.s444-mlive-tabs button.on { background: #fff; border-bottom: 3px solid #2e9c4a; }

/* ===== owner bug doc 10-10 ===== */
/* betslip: 4 column grid (Cancel | odds -/in/+ | stake -/in/+ | Place Bet) — kisi bhi chaudai par overlap nahi */
.place-bet.s444-place { position: relative; }
@media (min-width: 993px) {
  .place-bet .row.s444-sliprow { display: grid !important; grid-template-columns: minmax(64px, .8fr) minmax(0, 1.25fr) minmax(0, 1.25fr) minmax(84px, 1fr); column-gap: 0; margin: 0; }
  .place-bet .row.s444-sliprow > .col { width: auto !important; max-width: none !important; min-width: 0 !important; flex: none !important; }
}
.place-bet .stacksCol.s444-slipcol { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) 36px; align-items: center; min-width: 0; }
.place-bet .s444-slipcol .stakeactionminus, .place-bet .s444-slipcol .stakeactionplus { position: relative !important; float: none !important; width: 36px !important; min-width: 36px; height: 38px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center; justify-content: center; }
.place-bet .s444-slipcol .stakeactionminus > span, .place-bet .s444-slipcol .stakeactionplus > span { position: static !important; width: 19px; height: 19px; display: inline-flex; align-items: center; justify-content: center; }
.place-bet .s444-slipcol .input-Betslip { width: 100% !important; min-width: 0 !important; height: 38px !important; margin: 0 !important; padding: 0 2px; }
.place-bet .s444-sliprow .btn-send, .place-bet .s444-sliprow .btn-send-active, .place-bet .s444-sliprow .btn-cancel { width: 100% !important; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 4px; padding-right: 4px; position: relative; z-index: 1; }
/* bet lagte waqt (ref): slip ke beech safed box, do gole + Loading... ; slip ke button tab tak band */
/* Sky exchange .loading-wrap (sprite loading60.png ki jagah CSS ke do gole) */
.s444-betload { position: absolute; inset: 0; z-index: 99; background: rgba(255,255,255,.15); cursor: wait; }
/* fixed: slip ki table-responsive overflow box ko kaat deti thi */
.s444-loading-wrap { position: fixed; top: 40%; left: 50%; width: 190px; height: 90px; margin: -45px 0 0 -95px; padding: 22px 0 0; box-sizing: border-box; background: #fff; border-radius: 8px; box-shadow: 0 5px 10px rgba(0,0,0,.5); z-index: 99; }
.s444-loading-ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.s444-loading-ul li { margin: 0 auto; line-height: 1; }
.s444-loading-ul li:last-child { font-size: 11px; font-weight: 600; color: #1e1e1e; margin-top: 8px; }
/* do barabar gole (26px, 2px gap) — sirf naram opacity/scale 0.85<->1 ulta-pulta, size kabhi permanently chhota nahi */
.s444-dots { display: flex; justify-content: center; gap: 2px; height: 26px; margin: 0 auto; }
.s444-dots i { display: block; width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; animation: s444-dot .8s ease-in-out infinite alternate; }
.s444-dots i:first-child { background: #262f38; }
.s444-dots i:last-child { background: #2e6b4a; animation-direction: alternate-reverse; }
@keyframes s444-dot { from { transform: scale(1); opacity: 1; } to { transform: scale(.85); opacity: .85; } }
/* fancy naam ke neeche position: minus laal, plus hara (MO runner jaisa) */
.s444-fpos { display: block; font-size: 12px; font-weight: 700; line-height: 15px; margin-top: 1px; }
.s444-fpos.neg, .s444-fpos.neg i { color: #e0202f !important; }
.s444-fpos.pos, .s444-fpos.pos i { color: #2e9c4a !important; }
.s444-fpos i { font-size: 11px; margin-right: 2px; }
/* Book / Exposure Detail popup (ref: neela header, Run | Amount, plus neela / minus gulabi) */
.s444-book { position: fixed; inset: 0; z-index: 10070; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; padding: 20px 0; }
.s444-book-box { width: 350px; max-width: calc(100% - 24px); background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.45); display: flex; flex-direction: column; max-height: calc(100vh - 40px); }
.s444-book-head { background: linear-gradient(180deg, #2e3f7a 0%, #1d2a55 100%); color: #fff; font-size: 16px; padding: 8px 14px; display: flex; justify-content: space-between; align-items: center; flex: 0 0 auto; }
.s444-book-head a { color: #fff; cursor: pointer; font-size: 22px; font-weight: 900; line-height: 1; }
.s444-book-body { padding: 6px; overflow-y: auto; }
.s444-book-tbl, .s444-exp-tbl { width: 100%; border-collapse: collapse; text-align: center; font-size: 15px; }
.s444-book-tbl th, .s444-exp-tbl th { font-weight: 700; border: 1px solid #333; padding: 3px 6px; background: #e4e4e4; color: #000; text-align: center; }
.s444-exp-tbl th { background: #fff; }
.s444-book-tbl td { border: 1px solid #333; padding: 3px 6px; font-weight: 700; }
.s444-book-tbl tr.pos td { background: #72bbef; }
.s444-book-tbl tr.neg td { background: #faa9ba; }
.s444-book-empty { padding: 12px !important; color: #555; font-weight: 400 !important; }
.s444-exp-box { width: 520px; }
.s444-exp-box { width: 500px; }
.s444-exp-tbl { font-size: 14px; }
.s444-exp-tbl th { background: #e4e8ea !important; }
.s444-exp-tbl td { text-align: center; vertical-align: middle; }
.s444-exp-ev { color: #4a7fd4 !important; font-weight: 700; }
@media (max-width: 992px) {
  .s444-exp-box { max-width: calc(100% - 12px); }
  .s444-exp-tbl { font-size: 12px; table-layout: fixed; }
  .s444-exp-tbl th, .s444-exp-tbl td { padding: 4px 3px; word-break: break-word; }
  .s444-exp-tbl th:last-child, .s444-exp-tbl td:last-child { width: 46px; }
}
.s444-exp-tbl td { border: 1px solid #333; padding: 6px; font-weight: 700; color: #222; }
.s444-exp-ev { color: #2789ce !important; cursor: pointer; text-decoration: none; }
/* Open Bets: tabs + header kabhi toote nahi ("Odd s", "Stak e" wala bug) */
.s444-ob-tabs span { cursor: pointer; white-space: nowrap; }
.s444-ob-tabs { background: #dfe3e6; border-bottom: 0; margin-top: 6px; }
.s444-ob-tabs span.active { background: #fff; border-bottom: 0; margin-bottom: 0; }
/* ref: section header safed, rows halka neela / gulabi, chip neela / gulabi (dark text), patli line */
table.s444-ob-table.back th, table.s444-ob-table.lay th, table.s444-ob-table th { background: #fff !important; font-weight: 400 !important; color: #222; font-size: 12px; border-bottom: 1px solid #ddd !important; }
.s444-ob-table tr.back-row td { background: #c7dbf3 !important; border-bottom: 1px solid #b5cbe6 !important; }
.s444-ob-table tr.lay-row td { background: #f3d6dc !important; border-bottom: 1px solid #e6c2ca !important; }
.s444-ob-table tr.s444-ob-ref.back td { background: #c7dbf3 !important; color: #666; }
.s444-ob-table tr.s444-ob-ref.lay td { background: #f3d6dc !important; color: #666; }
.s444-ob-pill { color: #1e2a33 !important; font-weight: 400 !important; border-radius: 3px; }
.s444-ob-pill.back { background: #8fb8e8 !important; }
.s444-ob-pill.lay { background: #eba8b7 !important; }
.s444-ob-sel small { color: #777 !important; }
.s444-ob-ref td { white-space: pre !important; }
table.s444-ob-table th { white-space: nowrap !important; overflow: hidden; text-overflow: clip; }
app-right-nav table.s444-ob-table th, app-right-nav table.s444-ob-table td { padding: 4px 3px !important; font-size: 11.5px !important; }
app-right-nav table.s444-ob-table th:nth-child(1), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(1) { width: 40% !important; }
app-right-nav table.s444-ob-table th:nth-child(2), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(2) { width: 16% !important; }
app-right-nav table.s444-ob-table th:nth-child(3), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(3) { width: 16% !important; }
app-right-nav table.s444-ob-table th:nth-child(4), app-right-nav table.s444-ob-table tr:not(.s444-ob-ref) td:nth-child(4) { width: 28% !important; }
/* mobile Open Bets drawer (ref: header + event list, tap = us match ki bets) */
.s444-mob { position: fixed; inset: 0; z-index: 10065; background: #fff; display: flex; flex-direction: column; }
.s444-mob-head { background: var(--header-bg); color: #fff; font-weight: 700; font-size: 18px; padding: 8px 14px; display: flex; justify-content: space-between; align-items: center; }
.s444-mob-head a { color: #fff; font-size: 22px; cursor: pointer; }
.s444-mob-body { flex: 1 1 auto; overflow-y: auto; padding: 0 0 70px; }
.s444-mob-ev { display: flex; justify-content: space-between; align-items: center; padding: 14px 10px; margin: 0 6px; border-bottom: 1px solid #ddd; color: #2789ce; font-weight: 700; font-size: 15px; text-transform: uppercase; cursor: pointer; }
.s444-mob-chev { width: 30px; height: 30px; border: 1px solid #bbb; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; color: #222; font-size: 13px; flex: 0 0 30px; margin-left: 8px; }
.s444-mob-empty { padding: 24px; text-align: center; color: #666; }
.s444-mob .s444-ob-table { width: 100%; table-layout: fixed; }
.s444-mob .s444-ob-table th, .s444-mob .s444-ob-table td { font-size: 12px; padding: 5px 4px; }
.s444-mob .s444-ob-table th:first-child, .s444-mob .s444-ob-table td:first-child { width: 44%; }
.s444-mob .s444-ob-sel small { max-width: 100%; }
.s444-mob .s444-ob-tabs span { font-size: 15px; padding: 8px 28px; }
/* Multi Markets: pinned events ke live MO/BM */
.s444-multi { padding: 0 0 70px; }
.s444-multi-title { background: var(--exchange-bg, #243a48); color: #fff; font-weight: 700; padding: 7px 10px; font-size: 14px; }
.s444-multi-empty { background: #fff; padding: 18px 12px; font-size: 13px; color: #444; }
.s444-multi-ev { margin: 6px 0 10px; }
.s444-multi-head { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 6px 10px; border-bottom: 1px solid #ddd; }
.s444-multi-head > a:first-child { color: #2789ce; font-weight: 700; cursor: pointer; text-decoration: none; }
.s444-multi-x { color: #b0382c; font-size: 12px; font-weight: 700; cursor: pointer; }
.s444-evpin { display: inline-flex; vertical-align: middle; margin-right: 6px; color: #fff; opacity: .7; cursor: pointer; }
.s444-evpin svg { width: 18px; height: 18px; }
.s444-evpin.on { color: #ffd54a; opacity: 1; }
.pin-on.s444-pinned { color: #2e9c4a !important; }

/* ===== desktop account pages (ref aura444.biz desktop): filter card + dark slate header card + datatable ===== */
@media (min-width: 993px) {
  .m-acc { background: transparent; padding: 0; margin: 0 0 12px; font-size: 14px; }
  .m-card { border-radius: 6px; box-shadow: none; border: 1px solid #d6d6d6; margin-bottom: 0; }
  .m-filter { background: #e9ecef; border-top: 2px solid #243a48; border-radius: 0; }
  .m-filter .m-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 30px; padding: 12px 14px; align-items: center; }
  .m-filter .m-body.m-f4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .m-filter .m-frow { display: contents; }
  .m-filter .m-sel, .m-filter .m-date input { height: 40px; font-size: 15px; color: #444; }
  .m-filter .m-date input { background: #e9ecef; border-color: #e9ecef; }
  .m-filter .m-cal { width: 46px; background: #e2e6ea; border-color: #e2e6ea; }
  .m-filter .m-go { height: 40px; font-size: 16px; background: #243a48; border-radius: 4px; }
  .m-head { background: linear-gradient(180deg, #2e4b5e 0%, #243a48 82%); font-size: 16px; padding: 10px 8px; }
  .m-body { padding: 14px 14px 10px; }
  .m-tbl { min-width: 0; border: 1px solid #ccc; }
  .m-tbl th { background: #e4e4e4; font-size: 15px; font-weight: 700; text-align: center; padding: 10px 8px; border: 1px solid #ccc; }
  .m-tbl td { font-size: 14px; text-align: center; padding: 10px 8px; white-space: normal; border: 1px solid #ccc; }
  .m-tbl .r { text-align: center; }
  .m-dt-top label, .m-dt-info { font-size: 14px; }
  .m-pager button { border: 0; background: transparent; font-size: 14px; padding: 6px 12px; color: #666; }
  .m-pager button.on { background: #fff; color: #333; border: 1px solid #ccc; }
  .m-lnk { color: #2789ce; }
  /* My Profile: Account Details tabla (label | value) */
  .m-kv { display: flex; margin: 0; border-bottom: 1px solid #ddd; padding: 8px 6px; font-size: 15px; }
  .m-kv label { width: 260px; flex: 0 0 260px; margin: 0; }
  .m-edit { color: #000; }
}
.s444-sc-rr { text-transform: lowercase; }

/* BUG0052: F / BM chips (event page market headers + sports list) */
.s444-chip { display: inline-block; margin-left: 6px; padding: 0 5px; border-radius: 3px; font-size: 10px; font-weight: 700; line-height: 15px; color: #fff; vertical-align: middle; }
.s444-chip-bm { background: #17a2b8; } .s444-chip-f { background: #6f42c1; }
/* home / in-play list: chamak span.back/.lay ke peeche rahe, text upar dikhe */
td.count > span.SparkBack, td.count > span.SparkLay { position: relative; isolation: isolate; }
td.count > span.SparkBack:before, td.count > span.SparkLay:before { z-index: -1; }

/* BUG0051: Bet History — 10 column bina side-scroll ke (ref jaisa sab ek nazar me) */
@media (min-width: 993px) {
  .m-tbl.m-tbl-fit th { white-space: normal; font-size: 13px; padding: 8px 4px; }
  .m-tbl.m-tbl-fit td { font-size: 13px; padding: 8px 4px; word-break: break-word; }
}

/* BUG0054: header search bar (ref aura444.biz: magnifier -> input + X) */
.s444-hsearch { display: flex !important; align-items: center; position: relative; }
.s444-hs-box { position: relative; display: flex; align-items: center; background: #fff; border-radius: 4px; height: 30px; width: 260px; margin-right: 8px; }
.s444-hs-box input { flex: 1; min-width: 0; height: 30px; border: 0; outline: 0; padding: 0 6px; font-size: 13px; color: #333; background: transparent; }
.s444-hs-ico { color: #333; font-size: 13px; padding-left: 8px; }
.s444-hs-x { color: #333 !important; padding: 0 8px; cursor: pointer; font-size: 13px; }
.s444-hs-list { position: absolute; top: 32px; left: 0; right: 0; z-index: 1000; margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #ccc; border-radius: 0 0 4px 4px; max-height: 320px; overflow-y: auto; box-shadow: 0 4px 10px rgba(0,0,0,.2); }
.s444-hs-list li { border-bottom: 1px solid #eee; float: none !important; }
.s444-hs-list a { display: block; padding: 7px 10px; color: #2789ce !important; font-size: 13px; cursor: pointer; text-align: left; }
.s444-hs-list a:hover { background: #f1f1f1; }
.s444-hs-list a b { color: #555; font-size: 11px; margin-right: 4px; }
.s444-hs-none { padding: 8px 10px; color: #777; font-size: 13px; }

/* BUG0055: Match Odds / Bookmaker rules popup (ref: safed box, numbered list, neeche OK) */
.s444-mrules-bg { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.45); display: flex; align-items: flex-start; justify-content: center; padding: 60px 12px 12px; }
.s444-mrules { background: #fff; width: 410px; max-width: 100%; border-radius: 6px; box-shadow: 0 6px 24px rgba(0,0,0,.35); display: flex; flex-direction: column; max-height: calc(100vh - 80px); }
.s444-mrules-body { overflow-y: auto; padding: 14px 16px 4px; color: #222; font-weight: 400; font-size: 13px; line-height: 1.45; text-align: left; }
.s444-mrules-body p { margin: 0 0 12px; }
.s444-mrules-foot { border-top: 1px solid #ddd; padding: 8px; text-align: center; }
.s444-mrules-foot button { width: 125px; height: 30px; background: #fff; border: 1px solid #555; border-radius: 4px; font-weight: 700; color: #222; }
/* BUG0051: ref.css har th ko min-width 99px deta (10 x 99 = 990px > beech ka khaana) -> Bet History me hatao */
@media (min-width: 993px) {
  table.m-tbl.m-tbl-fit thead tr th { min-width: 0; }
}
@media (min-width: 993px) {
  table.m-tbl.m-tbl-fit td { word-break: normal; overflow-wrap: anywhere; }
  table.m-tbl.m-tbl-fit thead tr th:nth-last-child(-n+2) { min-width: 84px; }
  table.m-tbl.m-tbl-fit td:nth-last-child(-n+2) { overflow-wrap: normal; }
}
/* mobile bottom-nav Casino = "Lobby" bottom sheet: CSS ab s444-u2.css (.s444-lb / .s444-mc-*, ref minicasino ke naap) */