/* ============================================================
   STYLE - CSS Utama HashDice
   Lokasi: /assets/css/style.css
   ============================================================ */

* { margin:0; padding:0; box-sizing:border-box; }
body { background:#E8E8E8; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#222222; }
a { color:#004C99; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { list-style:none; }
button { font-family:inherit; }

#wrapper { width:100%; max-width:1200px; margin:0 auto; background:#FFFFFF; border-left:1px solid #B5B5B5; border-right:1px solid #B5B5B5; }

/* ============================================================
   HEADER
   ============================================================ */
#header {
    background:#3A3A3A;
    background-image:linear-gradient(to bottom, #4A4A4A 0%, #3A3A3A 50%, #2E2E2E 100%);
    border-bottom:2px solid #222222;
    padding:7px 10px;
}
#header table { width:100%; }
#header td { vertical-align:middle; }
.logoCell { width:280px; }
.logo { font-family:"Courier New", monospace; font-size:22px; font-weight:bold; color:#F5A623; letter-spacing:1px; text-shadow:1px 1px 0 #000000; }
.logo span { color:#DDDDDD; }
.logoTag { font-size:9px; color:#AAAAAA; letter-spacing:0.5px; margin-top:1px; }
.headerRight { text-align:right; }

/* ===== BALANCE BOX - STABIL ===== */
.balanceBox {
    display:inline-block;
    background:#2E2E2E;
    border:1px solid #555555;
    color:#F5A623;
    font-weight:bold;
    font-size:11px;
    padding:4px 8px;
    margin-bottom:4px;
}

.balanceBox span {
    color:#AAAAAA;
    font-size:11px;
    font-weight:bold;
}

#balanceAmount {
    color:#F5A623;
    font-size:11px;
    font-weight:bold;
    font-family:"Courier New", monospace;
}

.currencyForm {
    display:inline-block;
    margin-left:4px;
}

.currencySelect {
    background:#1A1A1A;
    color:#F5A623;
    border:1px solid #555555;
    font-size:9px;
    font-weight:bold;
    font-family:"Courier New", monospace;
    padding:1px 2px;
}

.hdrBtn {
    display:inline-block;
    background:#5A5A5A;
    background-image:linear-gradient(to bottom, #6A6A6A 0%, #4A4A4A 100%);
    border:1px solid #222222;
    color:#FFFFFF;
    padding:4px 10px;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    margin-left:4px;
}
.hdrBtn:hover { background:#6A6A6A; text-decoration:none; }
.acctBtn { background-image:linear-gradient(to bottom, #4A4A4A 0%, #3A3A3A 100%); }

/* ===== DROPDOWN ===== */
#navToggle { display:none; }

.acctDropdown {
    display:none;
    background:#FFFFFF;
    border-bottom:1px solid #B5B5B5;
    position:absolute;
    right:10px;
    min-width:180px;
    box-shadow:0 4px 8px rgba(0,0,0,0.2);
    border-radius:0 0 4px 4px;
    z-index:1001;
}

#navToggle:checked ~ .acctDropdown {
    display:block;
}

.acctDropdown li {
    list-style:none;
}

.acctDropdown li a {
    display:block;
    padding:9px 14px;
    color:#004C99;
    border-bottom:1px solid #DDDDDD;
    text-align:left;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    transition:background 0.2s;
}

.acctDropdown li a:hover {
    background:#F0F0F0;
    text-decoration:none;
}

.acctDropdown li:last-child a {
    border-bottom:none;
}

.box { border:1px solid #B5B5B5; background:#FFFFFF; margin-bottom:4px; }
.boxHead {
    background:#DCDCDC; background-image:linear-gradient(to bottom, #EAEAEA 0%, #D0D0D0 100%);
    border-bottom:1px solid #B5B5B5; padding:4px 7px; font-weight:bold; font-size:11px; color:#333333;
}
.boxBody { padding:5px; }

.menuList li { border-bottom:1px solid #DDDDDD; }
.menuList li a { display:block; padding:5px 7px; color:#004C99; font-size:11px; }
.menuList li a:hover { background:#EFEFEF; text-decoration:none; }
.menuList li a.current { background:#E68A00; color:#FFFFFF; font-weight:bold; }
.menuList li:last-child { border-bottom:none; }

.newsItem { padding:3px 0; border-bottom:1px dotted #CCCCCC; font-size:10px; }
.newsItem:last-child { border-bottom:none; }
.newsItem .date { color:#888888; font-size:9px; }
.onlineLine { padding:3px 0 5px 0; border-bottom:1px dotted #CCCCCC; margin-bottom:5px; font-size:10px; }
.onlineDot { color:#008000; font-weight:bold; }

#mainGrid { display:grid; grid-template-columns:170px auto 230px; gap:4px; padding:4px; }
.colLeft, .colCenter, .colRight { min-width:0; }

.gameBox { border:1px solid #999999; background:#F7F7F7; margin-bottom:4px; overflow:hidden; }
.gameHead {
    background:#3A3A3A;
    background-image:linear-gradient(to bottom, #4A4A4A 0%, #333333 100%);
    color:#FFFFFF;
    padding:5px 9px;
    font-size:12px;
    font-weight:bold;
}
.tabRadio { display:none; }
.tabLabels { 
    display:flex; 
    background:#EDEDED; 
    border-bottom:1px solid #B5B5B5;
    flex-wrap:nowrap;
}
.tabLabel { 
    flex:1; 
    text-align:center; 
    padding:6px 4px; 
    font-size:11px; 
    font-weight:bold; 
    color:#555555; 
    cursor:pointer; 
    border-right:1px solid #B5B5B5;
    background:#EDEDED;
    transition:all 0.2s ease;
}
.tabLabel:last-child { border-right:none; }
.tabLabel:hover { background:#DDDDDD; }

#tabManual:checked ~ .tabLabels label[for="tabManual"],
#tabAuto:checked ~ .tabLabels label[for="tabAuto"] { 
    background:#E68A00; 
    color:#2A2A2A; 
    border-bottom:2px solid #A56200;
}
.tabPanelManual { display:block; padding:6px; }
.tabPanelAuto { display:none; padding:6px; }
#tabAuto:checked ~ .tabPanelAuto { display:block; }
#tabAuto:checked ~ .tabPanelManual { display:none; }

.histPanelLast, .histPanelWinners, .histPanelHigh, .histPanelMy { display:none; }
#histLast:checked ~ .histPanelLast,
#histWinners:checked ~ .histPanelWinners,
#histHigh:checked ~ .histPanelHigh,
#histMy:checked ~ .histPanelMy { display:block; }
#histLast:checked ~ .tabLabels label[for="histLast"],
#histWinners:checked ~ .tabLabels label[for="histWinners"],
#histHigh:checked ~ .tabLabels label[for="histHigh"],
#histMy:checked ~ .tabLabels label[for="histMy"] { background:#E68A00; color:#2A2A2A; }

.infoPanelAffiliate, .infoPanelBonus, .infoPanelFair, .infoPanelLive, .infoPanelFaq { display:none; }
#infoAffiliate:checked ~ .infoPanelAffiliate,
#infoBonus:checked ~ .infoPanelBonus,
#infoFair:checked ~ .infoPanelFair,
#infoLive:checked ~ .infoPanelLive,
#infoFaq:checked ~ .infoPanelFaq { display:block; }
#infoAffiliate:checked ~ .tabLabels label[for="infoAffiliate"],
#infoBonus:checked ~ .tabLabels label[for="infoBonus"],
#infoFair:checked ~ .tabLabels label[for="infoFair"],
#infoLive:checked ~ .tabLabels label[for="infoLive"],
#infoFaq:checked ~ .tabLabels label[for="infoFaq"] { background:#E68A00; color:#2A2A2A; }

.ltPanelNews { display:none; }
#ltNews:checked ~ .ltPanelNews { display:block; }
#ltNews:checked ~ .ltPanelMenu { display:none; }
#ltMenu:checked ~ .tabLabels label[for="ltMenu"],
#ltNews:checked ~ .tabLabels label[for="ltNews"] { background:#E68A00; color:#2A2A2A; }

.playerTabLabels { display:grid; grid-template-columns:1fr 1fr; }
.playerTabLabels .tabLabel { border-bottom:1px solid #B5B5B5; }
.playerTabLabels .tabLabel:nth-child(2n) { border-right:none; }
.plPanelHighlights, .plPanelCommunity, .plPanelReferral { display:none; }
#plHighlights:checked ~ .plPanelHighlights,
#plCommunity:checked ~ .plPanelCommunity,
#plReferral:checked ~ .plPanelReferral { display:block; }
#plHighlights:checked ~ .plPanelStats,
#plCommunity:checked ~ .plPanelStats,
#plReferral:checked ~ .plPanelStats { display:none; }
#plStats:checked ~ .playerTabLabels label[for="plStats"],
#plHighlights:checked ~ .playerTabLabels label[for="plHighlights"],
#plCommunity:checked ~ .playerTabLabels label[for="plCommunity"],
#plReferral:checked ~ .playerTabLabels label[for="plReferral"] { background:#E68A00; color:#2A2A2A; }

.tabBadge { display:inline-block; background:#B5B5B5; color:#FFFFFF; font-size:8px; font-weight:bold; padding:1px 4px; margin-left:2px; }

.faqItem { margin-bottom:8px; }
.faqItem:last-child { margin-bottom:0; }
.faqQ { font-size:11px; font-weight:bold; color:#333333; margin-bottom:2px; }
.faqA { font-size:10px; color:#555555; line-height:1.4; }

.gamePad { padding:6px; }

table.inputRow { 
    width:100%; 
    margin-bottom:5px; 
    border-collapse:collapse;
}
table.inputRow td { 
    width:33.33%; 
    padding:0 3px; 
    vertical-align:top; 
}
.fieldLabel { 
    font-size:10px; 
    color:#555555; 
    font-weight:bold; 
    display:block; 
    margin-bottom:2px; 
}
.fieldInput { 
    width:100%; 
    border:1px solid #B5B5B5; 
    background:#FFFFFF; 
    padding:3px; 
    font-size:11px; 
    font-family:Tahoma, Verdana, Arial, sans-serif; 
}
.fieldInput:focus { 
    border-color:#E68A00; 
    outline:none; 
    box-shadow:0 0 3px rgba(230,138,0,0.3);
}

.betAmountRow { display:flex; gap:2px; }
.betAmountRow .fieldInput { flex:1; min-width:0; }
.quickBtns { display:flex; gap:2px; }
.qBtn {
    background:#DADADA; background-image:linear-gradient(to bottom,#EAEAEA,#CFCFCF);
    border:1px solid #B5B5B5; font-size:8px; padding:0 5px; cursor:pointer; font-weight:bold; color:#333333;
}
.qBtn:hover { background:#EFEFEF; }
.winChanceBtns { display:flex; gap:2px; margin-top:3px; }
.winChanceBtns .qBtn { flex:1; font-size:9px; padding:2px 0; }
.winChanceBtns .qBtn.plus { color:#008000; }
.winChanceBtns .qBtn.minus { color:#C00000; }
.autoFieldHint { font-size:8px; color:#999999; margin-top:2px; line-height:1.3; }

.diceDisplay { text-align:center; background:#FFFFFF; border:1px solid #DDDDDD; padding:9px 8px; margin-bottom:5px; }
.diceIcon { width:38px; height:38px; background:#EFEFEF; border:1px solid #B5B5B5; display:inline-block; line-height:38px; font-size:22px; font-weight:bold; color:#333333; margin-bottom:5px; }
.bigRollNumber { font-size:32px; font-weight:bold; color:#333333; font-family:"Courier New", monospace; }
.rollUnderLabel { font-size:10px; color:#888888; letter-spacing:1px; }

.sliderTrack { position:relative; height:12px; background:#DDDDDD; border:1px solid #B5B5B5; margin:8px 3px 3px 3px; }
.sliderFillLose { position:absolute; left:0; top:0; height:100%; width:32%; background:#C00000; opacity:0.6; }
.sliderFillWin { position:absolute; left:32%; top:0; height:100%; width:68%; background:#008000; opacity:0.5; }
.sliderHandle { position:absolute; left:32%; top:-3px; width:7px; height:18px; background:#4A4A4A; border:1px solid #222222; margin-left:-3.5px; }

table.statRow { width:100%; border-collapse:collapse; }
table.statRow td { width:25%; border:1px solid #B5B5B5; background:#FFFFFF; text-align:center; padding:4px 2px; }
table.statRow .lbl { font-size:9px; color:#777777; display:block; }
table.statRow .val { font-size:12px; font-weight:bold; color:#222222; font-family:"Courier New", monospace; }

.rollBtnWrap { text-align:center; margin:6px 0; }
.rollBtn {
    background:#8A8A8A; background-image:linear-gradient(to bottom, #9E9E9E 0%, #6E6E6E 100%);
    border:1px solid #444444; color:#FFFFFF; font-size:13px; font-weight:bold; padding:7px 40px;
    cursor:pointer; text-shadow:1px 1px 0 #333333;
    transition: all 0.3s ease;
}
.rollBtn:hover { background:#7E7E7E; }
.rollBtn:disabled { opacity:0.6; cursor:not-allowed; }
.rollBtn.active { background:#E68A00; background-image:linear-gradient(to bottom, #F5A623 0%, #D67D00 100%); border-color:#A56200; }
.rollBtn.running { background:#C00000; background-image:linear-gradient(to bottom, #D00000 0%, #A00000 100%); border-color:#800000; }
.rollBtn.loading {
    background:#FF6B00;
    background-image:linear-gradient(to bottom, #FF8C00 0%, #E06800 100%);
    border-color:#CC5500;
    animation:pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { opacity:1; }
    50% { opacity:0.6; }
}

.betsScroll { 
    max-height:150px; 
    overflow-y:auto; 
    border:1px solid #E4D9D9;
    border-radius:2px;
}
.betsScroll table.betsTable {
    margin-bottom:0;
}
.betsScroll table.betsTable thead th {
    position:sticky;
    top:0;
    z-index:2;
    background:#DCDCDC;
    background-image:linear-gradient(to bottom, #EAEAEA 0%, #D0D0D0 100%);
}

table.betsTable { width:100%; border-collapse:collapse; font-size:10px; }
table.betsTable th {
    background:#DCDCDC; background-image:linear-gradient(to bottom, #EAEAEA 0%, #D0D0D0 100%);
    border:1px solid #B5B5B5; padding:3px; text-align:left; font-size:10px;
}
table.betsTable td { border:1px solid #E4D9D9; padding:3px; }
tr.winRow { background:#E9F7EA; }
tr.lossRow { background:#FBEAEA; }
.profitPos { color:#008000; font-weight:bold; }
.profitNeg { color:#C00000; font-weight:bold; }

table.kvTable { width:100%; font-size:10px; border-collapse:collapse; }
table.kvTable td { padding:2px; border-bottom:1px dotted #DDDDDD; }
table.kvTable td.k { color:#555555; }
table.kvTable td.v { text-align:right; font-weight:bold; font-family:"Courier New", monospace; }

.jackpotLabel { font-size:10px; color:#555555; font-weight:bold; }
.jackpotBarTrack { height:10px; background:#DDDDDD; border:1px solid #B5B5B5; margin:3px 0; }
.jackpotBarFill { height:100%; background:linear-gradient(to right,#E68A00,#F5A623); width:63%; }
.jackpotAmount { text-align:right; font-weight:bold; color:#E68A00; font-family:"Courier New", monospace; font-size:11px; }

.refBox { background:#FFF8E8; border:1px solid #E68A00; padding:5px; font-size:10px; }
.refLinkInput { width:100%; border:1px solid #B5B5B5; padding:2px; font-size:9px; margin-bottom:3px; background:#FFFFFF; }
.copyBtn { display:block; text-align:center; background:#E68A00; color:#FFFFFF; font-weight:bold; border:1px solid #A56200; padding:3px; cursor:pointer; font-size:10px; }
.copyBtn:hover { background:#D67D00; text-decoration:none; }

#bottomInfo { width:100%; padding:0 4px 4px 4px; display:flex; gap:4px; }
#bottomInfo .infoBox { flex:1; }
.infoBox { border:1px solid #B5B5B5; background:#F7F7F7; padding:6px; text-align:center; }
.infoBox h3 { font-size:11px; color:#333333; margin-bottom:3px; }
.infoBox .pct { font-size:20px; font-weight:bold; color:#E68A00; font-family:"Courier New", monospace; }
.infoBox p { font-size:9px; color:#666666; margin-top:3px; line-height:1.3; }

.section { border:1px solid #B5B5B5; background:#FFFFFF; margin:0 4px 4px 4px; }
.sectionHead {
    background:#DCDCDC; background-image:linear-gradient(to bottom, #EAEAEA 0%, #D0D0D0 100%);
    border-bottom:1px solid #B5B5B5; padding:5px 9px; font-weight:bold; font-size:12px; color:#333333;
}
.sectionBody { padding:8px; }
.sectionBody p { font-size:10px; color:#444444; line-height:1.5; margin-bottom:6px; }

table.winnersTable { width:100%; border-collapse:collapse; font-size:10px; }
table.winnersTable th {
    background:#DCDCDC; background-image:linear-gradient(to bottom, #EAEAEA 0%, #D0D0D0 100%);
    border:1px solid #B5B5B5; padding:4px; text-align:left;
}
table.winnersTable td { border:1px solid #E4D9D9; padding:4px; }

.affiliateFlex { display:flex; gap:12px; }
.affiliateFlex .aText { flex:2; }
.affiliateFlex .aStats { flex:1; border-left:1px dotted #CCCCCC; padding-left:10px; }

table.seedTable { width:100%; max-width:480px; border-collapse:collapse; font-size:10px; }
table.seedTable td { padding:3px 4px; border-bottom:1px dotted #DDDDDD; }
table.seedTable td.k { color:#555555; width:170px; }
table.seedTable td.v { font-family:"Courier New", monospace; font-weight:bold; }

.liveStatsRow { display:flex; gap:4px; flex-wrap:wrap; }
.liveStatCard { flex:1; min-width:120px; border:1px solid #B5B5B5; background:#F7F7F7; text-align:center; padding:8px 4px; }
.liveStatCard .lbl { font-size:9px; color:#777777; }
.liveStatCard .val { font-size:16px; font-weight:bold; color:#222222; font-family:"Courier New", monospace; margin-top:2px; }

/* ===== TOAST ===== */
.toast-item {
    background: #2A2A2A !important;
    color: #E8E8E8 !important;
    border: 1px solid #444444 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    font-size: 13px !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
}
.toast-item.success { border-left: 3px solid #10b981 !important; }
.toast-item.error { border-left: 3px solid #ef4444 !important; }
.toast-item.info { border-left: 3px solid #3b82f6 !important; }
#toastContainer {
    position:fixed;
    top:20px;
    right:20px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:8px;
    max-width:380px;
    width:100%;
    pointer-events:none;
}
@keyframes slideInRight {
    from { transform: translateX(100px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.toast-item { animation: slideInRight 0.4s ease; }

/* ===== FOOTER ===== */
#footer { background:#3A3A3A; color:#AAAAAA; font-size:9px; padding:8px; text-align:center; border-top:2px solid #222222; }

/* ===== MODAL ===== */
.modalOverlay {
    display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6);
    z-index:999; align-items:center; justify-content:center; padding:14px;
}
.modalOverlay.show { display:flex; }
.modalBox {
    width:380px; max-width:100%; background:#FFFFFF; border:1px solid #B5B5B5;
}
.modalHead {
    background:#3A3A3A; background-image:linear-gradient(to bottom,#4A4A4A,#2E2E2E);
    border-bottom:2px solid #222222; padding:8px 10px;
    display:flex; align-items:center; justify-content:space-between;
}
.modalHead .modalHeadTitle {
    font-family:"Courier New", monospace; font-size:13px; font-weight:bold; color:#F5A623; letter-spacing:0.5px;
}
.modalClose {
    color:#CCCCCC; font-size:16px; font-weight:bold; line-height:1; cursor:pointer; padding:0 4px;
}
.modalClose:hover { color:#FFFFFF; }
.modalBody { padding:16px; }
.modalBody p { font-size:11px; color:#444444; line-height:1.6; margin-bottom:12px; }
.modalBtnRow { display:flex; gap:6px; margin-top:4px; }
.modalBtnRow .qBtn { flex:1; padding:8px 0; font-size:11px; }

.modalField { margin-bottom:9px; }
.modalField label { display:block; font-size:10px; font-weight:bold; color:#555555; margin-bottom:3px; }
.modalField input[type="text"], .modalField input[type="email"], .modalField input[type="password"] {
    width:100%; border:1px solid #B5B5B5; background:#FFFFFF; padding:6px; font-size:11px;
    font-family:Tahoma, Verdana, Arial, sans-serif;
}
.modalField input:focus { border-color:#E68A00; outline:none; box-shadow:0 0 3px rgba(230,138,0,0.3); }
.modalCheckRow { font-size:10px; color:#555555; margin-bottom:10px; }
.modalCheckRow input { margin-right:5px; }
.modalSubmitBtn {
    width:100%; background:#E68A00; color:#FFFFFF; font-weight:bold; border:1px solid #A56200;
    padding:8px 0; cursor:pointer; font-size:12px;
}
.modalSubmitBtn:hover { background:#D67D00; }
.modalSwitchLine { text-align:center; font-size:10px; color:#666666; margin-top:11px; }
.modalError { font-size:10px; color:#C00000; margin-bottom:8px; display:none; }

/* ===== USDT STYLES ===== */
.profitUsdt { color: #26A17B; font-weight: bold; }
.ref-usdt { color: #26A17B; font-weight: bold; font-family: "Courier New", monospace; }

/* ============================================================
   ===== RESPONSIVE =====
   ============================================================ */
@media (max-width:1024px) {
    #mainGrid { grid-template-columns:155px auto 210px; }
    .bigRollNumber { font-size:28px; }
    .affiliateFlex { flex-direction:column; }
    .affiliateFlex .aStats { border-left:none; padding-left:0; border-top:1px dotted #CCCCCC; padding-top:6px; margin-top:6px; }
}

@media (max-width:768px) {
    body { font-size:11px; }
    .tabLabel { font-size:9px; padding:6px 2px; line-height:1.3; }
    
    #header { padding:6px 8px; }
    #header table, #header tbody, #header tr, #header td { display:block; width:100% !important; }
    .logoCell { text-align:center; margin-bottom:5px; }
    .logo { font-size:19px; }
    .headerRight { text-align:center; }
    .balanceBox { display:block; margin:0 auto 4px auto; max-width:220px; }
    .hdrBtn { margin:0 2px; padding:5px 8px; }
    #navToggle:checked ~ .acctDropdown { display:block; }
    .leftBox { display:none; }
    
    #mainGrid { display:flex; flex-direction:column; grid-template-columns:none; padding:4px; gap:0; }
    .colLeft, .colCenter, .colRight { display:contents; }
    .gameBox { order:1; }
    .historyBox { order:2; }
    .playerBox { order:3; }
    
    .gamePad { padding:6px; }
    
    table.inputRow {
        width:100%;
        border-collapse:collapse;
        margin-bottom:5px;
    }
    table.inputRow tr {
        display:table-row;
    }
    table.inputRow td {
        display:table-cell;
        width:33.33% !important;
        padding:0 3px;
        margin-bottom:0;
        vertical-align:top;
    }
    
    #tabAuto:checked ~ .tabPanelAuto table.inputRow tr {
        display:table-row;
    }
    #tabAuto:checked ~ .tabPanelAuto table.inputRow td {
        display:table-cell;
        width:33.33% !important;
        padding:0 3px;
    }
    
    table.statRow, table.statRow tbody { display:block; }
    table.statRow tr { display:flex; flex-wrap:wrap; }
    table.statRow td { width:50% !important; }
    
    .bigRollNumber { font-size:28px; }
    .rollBtn { display:block; width:100%; padding:0; height:46px; line-height:46px; font-size:14px; }
    
    .histPanelLast table.betsTable th:nth-child(1), 
    .histPanelLast table.betsTable td:nth-child(1),
    .histPanelLast table.betsTable th:nth-child(3), 
    .histPanelLast table.betsTable td:nth-child(3),
    .histPanelLast table.betsTable th:nth-child(6), 
    .histPanelLast table.betsTable td:nth-child(6) { display:none; }
    .histPanelMy table.betsTable th:nth-child(4), 
    .histPanelMy table.betsTable td:nth-child(4) { display:none; }
    
    .betsScroll { 
        max-height:150px; 
        overflow-x:auto;
        overflow-y:auto; 
        border:1px solid #E4D9D9;
        border-radius:2px;
    }
    .betsScroll table.betsTable thead th {
        position:sticky;
        top:0;
        z-index:2;
        background:#DCDCDC;
        background-image:linear-gradient(to bottom, #EAEAEA 0%, #D0D0D0 100%);
    }
    .betsScroll table.betsTable {
        min-width:600px;
    }
    
    .history-more { display:block !important; text-align:center; padding:8px; }
    .history-more a { display:inline-block; background:#E68A00; color:#fff; padding:4px 12px; border-radius:3px; font-weight:bold; font-size:10px; }
    .history-more a:hover { background:#D67D00; text-decoration:none; }
    
    #bottomInfo { display:block; padding:0; }
    #bottomInfo .infoBox { margin-bottom:4px; }
    
    .affiliateFlex { flex-direction:column; }
    .affiliateFlex .aStats { border-left:none; padding-left:0; border-top:1px dotted #CCCCCC; padding-top:6px; margin-top:6px; }
    .liveStatCard { min-width:45%; }
}

@media (max-width:420px) {
    .logo { font-size:16px; }
    .bigRollNumber { font-size:24px; }
    table.statRow td { width:100% !important; }
    .histPanelLast table.betsTable th:nth-child(5), 
    .histPanelLast table.betsTable td:nth-child(5) { display:none; }
    .liveStatCard { min-width:100%; }
}