/* KALKULATOR BOLA — BLACK GOLD ULTRA LUXURY
   Border lampu hanya bergerak mengikuti pinggir panel, tanpa elemen berputar di area isi. */
:root{
  --bg:#070707;
  --black:#0b0b0b;
  --black2:#14110d;
  --black3:#1c1610;
  --gold:#e6b45c;
  --gold-bright:#ffe6a4;
  --gold-dark:#8e5f1e;
  --cream:#fff7e8;
  --muted:#d4c2a7;
  --line:rgba(230,180,92,.30);
  --green:#8ff0a5;
  --red:#ff8690;
  --shadow:0 24px 64px rgba(0,0,0,.60);
}

/* Hilangkan header dashboard ketika menu Kalkulator Bola terbuka */
body:has(#dashKalkulatorBola.show) .dash-topbar,
body.bola-no-header .dash-topbar{
  display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;overflow:hidden!important;visibility:hidden!important;
}
body:has(#dashKalkulatorBola.show) .dash-main,
body.bola-no-header .dash-main{min-height:100vh!important}
body:has(#dashKalkulatorBola.show) #dashKalkulatorBola,
body.bola-no-header #dashKalkulatorBola{margin-top:0!important;min-height:100vh!important}

#dashKalkulatorBola.bola-page{
  position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:22px 30px 46px;color:var(--cream);
  background:
    linear-gradient(90deg,rgba(3,3,3,.84),rgba(8,6,3,.64),rgba(3,3,3,.84)),
    url('https://i.imgur.com/bun6V2Q.jpeg') center/cover fixed no-repeat!important;
}
#dashKalkulatorBola.bola-page:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 15% 18%,rgba(230,180,92,.16),transparent 20%),
    radial-gradient(circle at 80% 75%,rgba(230,180,92,.10),transparent 24%),
    linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.76));
}
#dashKalkulatorBola.bola-page:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:90px 90px;
}
.bola-sport-shell{position:relative;z-index:1;width:min(1480px,100%);margin:0 auto}

/* Lampu mengalir di BORDER. Tidak ada rotate / kotak berjalan di tengah panel. */
.bola-neo-masthead,.bola-neo-rail,.bola-mode-panel,.bola-result-card,.bola-history,
.bola-rail-info,.bola-parlay-headline,.bola-leg-row,.bola-mini-explain,
.bola-result-metrics article,.bola-summary-box,.bola-detail-black,.bola-history-card,
.bola-help-modal>div{
  position:relative;isolation:isolate;border:1px solid rgba(230,180,92,.25);overflow:hidden;
}
.bola-neo-masthead:before,.bola-neo-rail:before,.bola-mode-panel:before,.bola-result-card:before,.bola-history:before,
.bola-rail-info:before,.bola-parlay-headline:before,.bola-leg-row:before,.bola-mini-explain:before,
.bola-result-metrics article:before,.bola-summary-box:before,.bola-detail-black:before,.bola-history-card:before,
.bola-help-modal>div:before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;
  background:linear-gradient(90deg,
    rgba(230,180,92,.10) 0%,rgba(230,180,92,.10) 30%,
    rgba(255,235,176,1) 43%,rgba(255,255,255,.95) 49%,rgba(230,180,92,1) 55%,
    rgba(230,180,92,.12) 68%,rgba(230,180,92,.12) 100%);
  background-size:300% 100%;background-position:0 0;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:goldBorderFlow 5.4s linear infinite;
  filter:drop-shadow(0 0 4px rgba(255,224,147,.8)) drop-shadow(0 0 10px rgba(230,180,92,.42));
}
@keyframes goldBorderFlow{to{background-position:300% 0}}
@keyframes titleGoldSweep{to{background-position:220% 50%}}
@keyframes titleGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(255,226,145,.32))}50%{filter:drop-shadow(0 0 15px rgba(255,226,145,.72))}}

/* Header kalkulator */
.bola-neo-masthead{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:20px 25px;border-radius:28px;
  background:linear-gradient(110deg,rgba(7,7,7,.96),rgba(30,22,13,.92) 54%,rgba(7,7,7,.96));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);
}
.bola-neo-brand{display:flex;align-items:center;gap:11px;color:var(--gold-bright);font-size:16px;font-weight:1000;letter-spacing:.10em}
.bola-neo-brand img{width:73px;height:45px;object-fit:contain;filter:drop-shadow(0 5px 11px rgba(0,0,0,.6))}
.bola-neo-title{text-align:center}
.bola-neo-title small{font-size:10px;letter-spacing:.28em;color:#cdbb99;font-weight:1000}
.bola-neo-title h1{
  margin:5px 0 0;font-size:44px;line-height:1;font-weight:1000;letter-spacing:.04em;
  background:linear-gradient(90deg,#c78c31 0%,#ffe6a4 23%,#fffdf4 43%,#e5b85f 57%,#fff2c4 75%,#c78c31 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:titleGoldSweep 4.8s linear infinite,titleGlow 2.4s ease-in-out infinite;
}
.bola-neo-title p{margin:8px 0 0;font-size:11px;color:#d9c7ac}
.bola-help-btn{height:43px;padding:0 16px;border:1px solid rgba(230,180,92,.36);border-radius:999px;background:linear-gradient(135deg,#272016,#0e0d0b);color:#ffedc2;font-size:10px;font-weight:1000;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.bola-help-btn:hover{filter:brightness(1.16);transform:translateY(-1px)}

/* Layout baru: rail kiri, engine tengah, papan hasil kanan */
.bola-neo-layout{
  display:grid;
  grid-template-columns:170px minmax(390px,1fr) 250px 260px;
  gap:16px;
  align-items:start;
  margin-top:18px;
}
.bola-neo-rail{position:sticky;top:16px;border-radius:26px;padding:16px;background:linear-gradient(155deg,rgba(9,9,9,.94),rgba(33,25,16,.88));box-shadow:var(--shadow)}
.bola-rail-label{margin:4px 4px 12px;color:#f8d894;font-size:10px;font-weight:1000;letter-spacing:.20em}
.bola-mode-tabs{display:grid;gap:10px}
.bola-mode-tabs button{display:flex;align-items:center;gap:12px;min-height:70px;padding:10px 12px;border:1px solid rgba(230,180,92,.14);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:#fff8e8;text-align:left;cursor:pointer;transition:.18s}
.bola-mode-tabs button:hover{background:rgba(230,180,92,.10);transform:translateX(3px)}
.bola-mode-tabs button.active{background:linear-gradient(135deg,#fff0b9,#e2ae51 58%,#ae7426);color:#241506;box-shadow:0 10px 25px rgba(230,180,92,.20)}
.bola-tab-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:rgba(230,180,92,.13);color:#ffe9b0;font-size:20px;font-weight:1000}
.bola-mode-tabs button.active .bola-tab-icon{background:rgba(47,28,5,.16);color:#4f2a04}
.bola-mode-tabs button span:last-child{display:grid;gap:3px;font-size:15px;font-weight:1000}.bola-mode-tabs button small{font-size:9px;letter-spacing:.12em;opacity:.72}
.bola-rail-info{margin-top:15px;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(230,180,92,.12),rgba(255,255,255,.025));display:grid;grid-template-columns:1fr auto;gap:7px;color:#eadbc2;font-size:10px}
.bola-rail-info b{grid-column:1/-1;color:#ffe5a7;font-size:10px;letter-spacing:.11em}.bola-rail-info strong{color:#ffdf8c;font-size:10px}

.bola-neo-stage{min-width:0}.bola-stage-topline{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 0 10px;padding:0 4px;color:#e4d2b6;font-size:10px;letter-spacing:.12em;font-weight:900}.bola-stage-topline em{margin-left:auto;font-style:normal;font-size:9px;letter-spacing:0;color:#bfae93}.bola-live-dot{width:8px;height:8px;border-radius:50%;background:#ffd36a;box-shadow:0 0 0 4px rgba(255,211,106,.13),0 0 14px #ffd36a}
.bola-mode-panel{display:none;border-radius:28px;padding:23px;background:linear-gradient(145deg,rgba(12,11,9,.94),rgba(46,31,18,.86));box-shadow:var(--shadow)}.bola-mode-panel.active{display:block}
.bola-panel-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.bola-panel-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#fff0b6,#d99e3d);color:#4b2a06;font-size:13px;font-weight:1000}.bola-panel-heading h2{margin:0;font-size:31px;line-height:1;color:#fff2d4}.bola-panel-heading p{margin:6px 0 0;font-size:11px;color:#d6c2a6}
.bola-parlay-headline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-radius:18px;background:linear-gradient(135deg,rgba(230,180,92,.14),rgba(255,255,255,.025));margin-bottom:15px}.bola-parlay-headline b{display:block;color:#ffe5aa;font-size:11px;letter-spacing:.12em}.bola-parlay-headline span{display:block;margin-top:5px;font-size:10px;color:#e8d9bf}.bola-ticket-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#fff0c3;font-weight:900}.bola-ticket-state i{display:block;width:8px;height:8px;border-radius:50%;background:#ffd36a;box-shadow:0 0 10px #ffd36a}
.bola-mini-explain{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:17px;background:rgba(255,255,255,.035);color:#dfcfb7;font-size:11px;line-height:1.5}.bola-mini-explain b{color:#ffe09a;letter-spacing:.10em}.bola-mini-explain span{padding-left:12px;border-left:1px solid rgba(230,180,92,.22)}

.bola-stake-wrap{margin-top:15px}.bola-full-field,.bola-simple-form label,.bola-leg-row label,.bola-title-hidden{display:grid;gap:7px;color:#fff1d2;font-size:11px;font-weight:900}.bola-full-field input,.bola-simple-form input,.bola-leg-row input,.bola-leg-row select,.bola-title-hidden input{height:49px;border:1px solid rgba(230,180,92,.24);border-radius:14px;background:rgba(255,255,255,.055);padding:0 14px;color:#fff9ea;font:inherit;outline:0}.bola-leg-row select option{color:#26180b;background:#f8ead2}.bola-full-field input:focus,.bola-simple-form input:focus,.bola-leg-row input:focus,.bola-leg-row select:focus,.bola-title-hidden input:focus{border-color:#ffda83;box-shadow:0 0 0 4px rgba(230,180,92,.12)}
.bola-leg-table{display:grid;gap:11px;margin-top:13px}.bola-leg-row{display:grid;grid-template-columns:1fr 1.05fr 50px;gap:11px;align-items:end;padding:13px;border-radius:19px;background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(230,180,92,.035))}.bola-remove{height:49px;border:0;border-radius:14px;background:linear-gradient(180deg,#db6259,#912b25);color:#fff;font-size:22px;font-weight:1000;cursor:pointer}.bola-parlay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.bola-plain-btn,.bola-calc-btn{height:43px;padding:0 16px;border:1px solid rgba(230,180,92,.28);border-radius:14px;font-size:11px;font-weight:1000;cursor:pointer}.bola-calc-btn{background:linear-gradient(135deg,#fff1b7,#e0a53f);color:#502d07}.bola-plain-btn{background:rgba(255,255,255,.055);color:#fff0d2}.bola-form-note{margin:14px 0 0;padding:12px 14px;border-left:3px solid #e6b45c;border-radius:12px;background:rgba(0,0,0,.25);font-size:10px;line-height:1.6;color:#dbc9ad}.bola-simple-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.bola-simple-form-three{grid-template-columns:repeat(3,1fr)}.bola-form-card{padding:16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(230,180,92,.18)}

/* Result board */
.bola-neo-result-column{min-width:0}.bola-result-card{position:sticky;top:16px;border-radius:27px;padding:18px;background:linear-gradient(160deg,rgba(10,10,10,.95),rgba(47,31,17,.88));box-shadow:var(--shadow)}.bola-result-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bola-result-title{display:flex;align-items:center;gap:10px}.bola-result-title img{width:62px;height:39px;object-fit:contain}.bola-result-title small{display:block;color:#f5ce83;font-size:9px;letter-spacing:.16em;font-weight:900}.bola-result-title h2{margin:3px 0 0;font-size:21px;color:#fff0d3}.bola-result-live{padding:6px 8px;border-radius:999px;background:rgba(230,180,92,.17);color:#ffeab4;font-size:9px;font-weight:1000;letter-spacing:.09em}.bola-result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.bola-result-metrics article{padding:13px;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(230,180,92,.04))}.bola-result-metrics small,.bola-summary-box small,.bola-detail-black small{display:block;color:#ffe5ab;font-size:8px;letter-spacing:.10em;font-weight:1000}.bola-result-metrics strong{display:block;margin-top:6px;font-size:20px;line-height:1.15;word-break:break-word}#bolaMetricOne{color:#e7e7e7}#bolaMetricTwo{color:#ffe08a}#bolaMetricThree{color:#ffd4ae}#bolaMetricFour{color:var(--green)}.bola-summary-box{margin-top:11px;padding:14px;border-radius:18px;background:rgba(230,180,92,.08)}.bola-summary-box h3{margin:7px 0 0;color:var(--green);font-size:22px;line-height:1.1;text-transform:uppercase}.bola-summary-box h3.lost{color:var(--red)}.bola-detail-black{margin-top:11px;padding:14px;border-radius:18px;background:rgba(0,0,0,.72)}.bola-detail-black p{margin:7px 0 0;color:#ddcdb5;font-size:10px;line-height:1.6}.bola-detail-item{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid rgba(230,180,92,.16);font-size:10px}.bola-detail-item:last-child{border-bottom:0}.bola-detail-item b,.bola-detail-formula{color:#baff9e;font-weight:900}.bola-detail-item small{display:block;margin-top:3px;color:#ddc8ab;font-size:8px;letter-spacing:0}.bola-detail-formula{margin-top:10px;font-size:10px;line-height:1.65}.bola-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.bola-result-actions button{height:40px;border:1px solid rgba(230,180,92,.25);border-radius:13px;background:linear-gradient(135deg,#fff0b9,#dfaa48);color:#472706;font-size:10px;font-weight:1000;cursor:pointer}.bola-result-actions button:nth-child(2){background:rgba(255,255,255,.07);color:#fff1d0}.bola-result-actions .danger{grid-column:1/-1;background:linear-gradient(135deg,#a93e38,#611c18);border-color:#d77267;color:#fff}

/* History */
.bola-history{margin-top:18px;border-radius:28px;padding:20px;background:linear-gradient(145deg,rgba(10,10,10,.93),rgba(44,29,17,.84));box-shadow:var(--shadow)}.bola-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.bola-history-head>div:first-child>span{color:#f6cd7f;font-size:9px;font-weight:1000;letter-spacing:.19em}.bola-history-head h2{margin:4px 0 0;font-size:25px;color:#fff0d2}.bola-history-head p{margin:5px 0 0;font-size:11px;color:#d8c4a7}.bola-history-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.bola-history-head button{height:39px;padding:0 14px;border-radius:13px;border:1px solid rgba(230,180,92,.24);background:rgba(255,255,255,.06);color:#fff2d2;font-size:10px;font-weight:1000;cursor:pointer}.bola-history-head button:first-child{border:0;background:linear-gradient(135deg,#fff0b7,#e0a53f);color:#4f2b06}.bola-title-hidden{max-width:360px;margin-top:16px}.bola-history-list{display:grid;gap:11px;margin-top:16px}.bola-history-card{display:grid;grid-template-columns:minmax(0,1fr) 150px 110px;gap:14px;align-items:center;padding:15px;border-radius:19px;background:rgba(255,255,255,.045)}.bola-history-title{font-size:14px;font-weight:1000}.bola-history-badge{display:inline-block;margin-left:6px;padding:4px 7px;border-radius:999px;background:rgba(143,240,165,.16);color:#d2ffdc;font-size:8px}.bola-history-badge.lost{background:rgba(255,127,140,.20);color:#ffd2d8}.bola-history-meta{margin-top:5px;color:#dcc9ac;font-size:10px}.bola-history-legs{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.bola-history-legs span{padding:4px 6px;border-radius:7px;background:rgba(230,180,92,.08);font-size:8px}.bola-history-result{display:grid;gap:4px;text-align:right}.bola-history-result small{color:#ffe4ac;font-size:8px}.bola-history-result b{font-size:12px}.bola-history-result em{font-size:10px;color:var(--green);font-weight:900;font-style:normal}.bola-history-result em.loss{color:var(--red)}.bola-history-actions{display:grid;gap:6px}.bola-history-actions button{height:31px;border:1px solid rgba(230,180,92,.18);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.bola-history-actions .danger{background:rgba(135,38,34,.65)}.bola-history-empty{padding:28px;text-align:center;color:#dcc9ad;font-size:11px}

/* Modal */
.bola-help-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82)}.bola-help-modal>div{width:min(520px,100%);padding:26px;border-radius:24px;background:linear-gradient(145deg,#18130d,#070707);box-shadow:0 28px 84px rgba(0,0,0,.62)}.bola-help-modal h2{margin:0;font-size:24px;color:#fff0cc}.bola-help-modal p{margin:14px 0 0;font-size:13px;line-height:1.75;color:#ead7bb}.bola-help-modal button{position:absolute;right:13px;top:12px;width:35px;height:35px;border:1px solid rgba(230,180,92,.25);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer}.hidden{display:none!important}

@media(max-width:1260px){.bola-neo-layout{grid-template-columns:220px minmax(0,1fr)}.bola-neo-result-column{grid-column:1/-1}.bola-result-card{position:static}.bola-result-metrics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){#dashKalkulatorBola.bola-page{padding:14px}.bola-neo-masthead{grid-template-columns:1fr;justify-items:start}.bola-neo-title{text-align:left}.bola-neo-title h1{font-size:33px}.bola-neo-layout{grid-template-columns:1fr}.bola-neo-rail{position:static}.bola-mode-tabs{grid-template-columns:1fr 1fr}.bola-rail-info{display:none}.bola-result-metrics{grid-template-columns:1fr 1fr}.bola-history-card{grid-template-columns:1fr}.bola-history-result{text-align:left}.bola-history-actions{grid-template-columns:1fr 1fr}.bola-history-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){#dashKalkulatorBola.bola-page{padding:10px;background-attachment:scroll!important}.bola-neo-masthead,.bola-mode-panel,.bola-result-card,.bola-history,.bola-neo-rail{border-radius:20px}.bola-neo-brand img{width:60px}.bola-neo-title h1{font-size:27px}.bola-mode-tabs button{min-height:62px}.bola-mode-tabs button span:last-child{font-size:13px}.bola-panel-heading h2{font-size:24px}.bola-simple-form,.bola-simple-form-three{grid-template-columns:1fr}.bola-leg-row{grid-template-columns:1fr 1fr 44px;gap:8px;padding:10px}.bola-stage-topline em{display:none}.bola-result-metrics strong{font-size:16px}.bola-parlay-headline{align-items:flex-start;flex-direction:column}.bola-history-head>div:last-child{justify-content:flex-start}}

/* MODE 05 — MARKET LENGKAP */
.bola-market-banner{margin:2px 0 15px;padding:14px 16px;border-radius:17px;border:1px solid rgba(230,180,92,.22);background:linear-gradient(135deg,rgba(230,180,92,.12),rgba(255,255,255,.035));line-height:1.55}
.bola-market-banner b{display:block;color:#ffe1a1;font-size:11px;letter-spacing:.13em}.bola-market-banner span{display:block;margin-top:5px;color:#e0ceb0;font-size:10px}
.bola-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:0}.bola-market-grid>label,.bola-market-dynamic label{display:grid;gap:7px;color:#fff1d2;font-size:11px;font-weight:900}.bola-market-grid select,.bola-market-grid input,.bola-market-dynamic input,.bola-market-dynamic select{height:49px;border:1px solid rgba(230,180,92,.24);border-radius:14px;background:rgba(255,255,255,.055);padding:0 14px;color:#fff9ea;font:inherit;outline:0;width:100%}.bola-market-grid select option,.bola-market-dynamic select option{color:#26180b;background:#f8ead2}.bola-market-grid input:focus,.bola-market-grid select:focus,.bola-market-dynamic input:focus,.bola-market-dynamic select:focus{border-color:#ffda83;box-shadow:0 0 0 4px rgba(230,180,92,.12)}
.bola-market-dynamic{display:contents}.bola-market-explain{margin-top:14px;padding:12px 14px;border-left:3px solid #e6b45c;border-radius:12px;background:rgba(0,0,0,.25);font-size:10px;line-height:1.65;color:#dbc9ad}
@media(max-width:1260px){.bola-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bola-market-grid{grid-template-columns:1fr}}

/* === ANALISA SLIP LOKAL — FINAL LAYOUT KANAN ===
   Selalu memakai kolom keempat pada desktop. Jangan turunkan panel ke bawah
   hanya karena layar memakai zoom browser. */
.bola-sport-shell.bola-neo-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

.bola-slip-column{min-width:0}
.bola-slip-card{
  position:sticky;top:16px;padding:14px;border-radius:24px;
  background:linear-gradient(160deg,rgba(10,10,10,.96),rgba(46,31,17,.90));
  box-shadow:var(--shadow);border:1px solid rgba(230,180,92,.25);overflow:hidden;
}
.bola-slip-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(230,180,92,.12) 0%,rgba(230,180,92,.12) 30%,rgba(255,235,176,1) 43%,rgba(255,255,255,.95) 49%,rgba(230,180,92,1) 55%,rgba(230,180,92,.12) 68%,rgba(230,180,92,.12) 100%);
  background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;animation:goldBorderFlow 5.4s linear infinite;
}
.bola-slip-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bola-slip-head small{display:block;color:#f5ce83;font-size:8px;letter-spacing:.15em;font-weight:900}
.bola-slip-head h2{margin:4px 0 0;color:#fff0d3;font-size:18px}
.bola-slip-live{padding:6px 7px;border-radius:999px;background:rgba(230,180,92,.16);color:#ffeab4;font-size:8px;font-weight:1000}
.bola-slip-paste-zone{margin-top:12px;min-height:155px;border:1px dashed rgba(230,180,92,.52);border-radius:17px;background:linear-gradient(145deg,rgba(230,180,92,.07),rgba(255,255,255,.025));display:grid;place-items:center;align-content:center;gap:7px;padding:14px;text-align:center;cursor:pointer;outline:0}
.bola-slip-paste-zone:focus,.bola-slip-paste-zone:hover{border-color:#ffe4a0;background:rgba(230,180,92,.12)}
.bola-slip-paste-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#fff0b6,#d99e3d);color:#4b2a06;font-size:21px;font-weight:1000}
.bola-slip-paste-zone strong{color:#fff0d2;font-size:11px}.bola-slip-paste-zone span{color:#d9c7ac;font-size:9px;line-height:1.45}
.bola-slip-preview-wrap{position:relative;margin-top:12px;border-radius:15px;overflow:hidden;border:1px solid rgba(230,180,92,.25);background:#050505}.bola-slip-preview-wrap img{display:block;width:100%;max-height:215px;object-fit:contain;background:#050505}
.bola-slip-remove{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;border-radius:10px;background:rgba(140,30,30,.92);color:#fff;font-size:20px;cursor:pointer}
.bola-slip-analyze,.bola-slip-use{width:100%;height:39px;margin-top:11px;border:0;border-radius:12px;font-size:9px;font-weight:1000;cursor:pointer}.bola-slip-analyze{background:linear-gradient(135deg,#fff0b7,#e0a53f);color:#4f2b06}.bola-slip-analyze:disabled{opacity:.46;cursor:not-allowed}.bola-slip-use{background:rgba(255,255,255,.08);border:1px solid rgba(230,180,92,.24);color:#fff0d2}
.bola-slip-answer{margin-top:11px;padding:11px;border-radius:14px;background:rgba(0,0,0,.55);border:1px solid rgba(230,180,92,.16);color:#e7d5b8;font-size:9px;line-height:1.55;max-height:320px;overflow:auto}.bola-slip-answer p{margin:0}.bola-slip-answer h3{margin:0 0 7px;color:#ffe1a1;font-size:11px}.bola-slip-answer .slip-kv{display:grid;grid-template-columns:76px 1fr;gap:5px 7px;padding:7px 0;border-bottom:1px solid rgba(230,180,92,.13)}.bola-slip-answer .slip-kv:last-child{border-bottom:0}.bola-slip-answer .slip-kv b{color:#ffe1a1}.bola-slip-answer .slip-explanation{margin-top:10px;padding-top:9px;border-top:1px solid rgba(230,180,92,.18);color:#baff9e}.bola-slip-answer .slip-warn{margin-top:9px;color:#ffd08b}

/* Desktop: pindah sedikit ke kiri dan gunakan area kanan untuk Analisa Slip. */
@media (min-width:1280px){
  #dashKalkulatorBola.bola-page{padding-left:16px!important;padding-right:16px!important}
  .bola-sport-shell.bola-neo-shell{width:calc(100% + 18px)!important;margin-left:-9px!important}
  .bola-neo-layout{
    grid-template-columns:175px minmax(0,1fr) 230px 240px!important;
    gap:12px!important;
    align-items:start!important;
  }
  .bola-neo-result-column,.bola-slip-column{grid-column:auto!important;min-width:0!important}
  .bola-neo-rail{padding:12px!important}.bola-mode-tabs{gap:8px!important}.bola-mode-tabs button{min-height:58px!important;padding:8px 9px!important;gap:8px!important}.bola-tab-icon{width:29px!important;height:29px!important;font-size:16px!important}.bola-mode-tabs button span:last-child{font-size:12px!important}.bola-mode-tabs button small{font-size:8px!important}.bola-rail-info{padding:10px!important;font-size:8px!important}
  .bola-mode-panel{padding:18px!important}.bola-panel-heading h2{font-size:27px!important}.bola-result-card{padding:13px!important}.bola-result-title img{width:47px!important;height:31px!important}.bola-result-title h2{font-size:17px!important}.bola-result-metrics{gap:7px!important}.bola-result-metrics article{padding:9px!important}.bola-result-metrics strong{font-size:15px!important}.bola-summary-box{padding:11px!important}.bola-summary-box h3{font-size:15px!important}.bola-detail-black{padding:10px!important}.bola-result-actions{gap:7px!important}.bola-result-actions button{height:35px!important;font-size:8px!important}
}

/* Layar sedang: panel tetap di sebelah kanan hasil, bukan masuk ke bawah halaman. */
@media (min-width:1024px) and (max-width:1279px){
  #dashKalkulatorBola.bola-page{padding-left:12px!important;padding-right:12px!important}
  .bola-neo-layout{grid-template-columns:155px minmax(0,1fr) 205px 215px!important;gap:10px!important}
  .bola-neo-result-column,.bola-slip-column{grid-column:auto!important;min-width:0!important}
  .bola-neo-rail{padding:10px!important}.bola-mode-tabs{gap:7px!important}.bola-mode-tabs button{min-height:53px!important;padding:7px!important;gap:7px!important}.bola-tab-icon{width:26px!important;height:26px!important;font-size:14px!important}.bola-mode-tabs button span:last-child{font-size:10px!important}.bola-mode-tabs button small{font-size:7px!important}.bola-rail-info{display:none!important}
  .bola-mode-panel{padding:14px!important}.bola-panel-heading h2{font-size:23px!important}.bola-panel-heading p{font-size:9px!important}.bola-parlay-headline{padding:11px!important}.bola-leg-row{padding:9px!important;gap:8px!important}.bola-full-field input,.bola-leg-row input,.bola-leg-row select{height:43px!important}.bola-result-card{padding:10px!important}.bola-result-title img{width:38px!important;height:25px!important}.bola-result-title h2{font-size:14px!important}.bola-result-metrics{gap:5px!important}.bola-result-metrics article{padding:7px!important}.bola-result-metrics strong{font-size:12px!important}.bola-summary-box{padding:9px!important}.bola-summary-box h3{font-size:12px!important}.bola-detail-black{padding:8px!important}.bola-detail-black p,.bola-detail-formula{font-size:8px!important}.bola-result-actions{gap:5px!important}.bola-result-actions button{height:31px!important;font-size:7px!important}
  .bola-slip-card{padding:10px!important}.bola-slip-paste-zone{min-height:120px!important;padding:10px!important}.bola-slip-answer{max-height:220px!important;font-size:8px!important}
}

@media (max-width:1023px){
  .bola-neo-layout{grid-template-columns:1fr!important}
  .bola-neo-result-column,.bola-slip-column{grid-column:auto!important}
  .bola-result-card,.bola-slip-card{position:static!important}
}


/* === FINAL 4-COLUMN POSITION — local slip reader, no history panel === */
@media (min-width:1500px){
  #dashKalkulatorBola.bola-page{padding:14px 10px 32px!important;overflow-x:hidden!important;}
  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{width:100%!important;max-width:none!important;margin:0!important;}
  #dashKalkulatorBola .bola-neo-layout{display:grid!important;grid-template-columns:230px minmax(700px,1fr) 245px 320px!important;gap:10px!important;align-items:start!important;width:100%!important;margin-top:14px!important;}
  #dashKalkulatorBola .bola-neo-rail{grid-column:1!important;grid-row:1!important;padding:14px!important;}
  #dashKalkulatorBola .bola-neo-stage{grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:none!important;}
  #dashKalkulatorBola .bola-neo-result-column{grid-column:3!important;grid-row:1!important;min-width:0!important;}
  #dashKalkulatorBola .bola-slip-column{grid-column:4!important;grid-row:1!important;min-width:0!important;width:auto!important;max-width:none!important;}
  #dashKalkulatorBola .bola-mode-panel{padding:18px!important;}
  #dashKalkulatorBola .bola-result-card{padding:15px!important;position:sticky!important;top:12px!important;}
  #dashKalkulatorBola .bola-result-title img{width:50px!important;height:32px!important;}
  #dashKalkulatorBola .bola-result-title h2{font-size:18px!important;}
  #dashKalkulatorBola .bola-result-metrics{gap:8px!important;margin-top:12px!important;}
  #dashKalkulatorBola .bola-result-metrics article{padding:10px!important;}
  #dashKalkulatorBola .bola-result-metrics strong{font-size:16px!important;}
  #dashKalkulatorBola .bola-summary-box,#dashKalkulatorBola .bola-detail-black{padding:11px!important;}
  #dashKalkulatorBola .bola-summary-box h3{font-size:16px!important;}
  #dashKalkulatorBola .bola-result-actions{gap:7px!important;}
  #dashKalkulatorBola .bola-result-actions button{height:34px!important;font-size:8px!important;padding:0 6px!important;}
  #dashKalkulatorBola .bola-slip-card{width:100%!important;max-width:none!important;padding:15px!important;position:sticky!important;top:12px!important;max-height:calc(100vh - 24px)!important;overflow:auto!important;}
  #dashKalkulatorBola .bola-slip-paste-zone{min-height:130px!important;}
  #dashKalkulatorBola .bola-slip-preview-wrap img{max-height:250px!important;}
  #dashKalkulatorBola .bola-slip-answer{max-height:none!important;min-height:180px!important;overflow:visible!important;font-size:10px!important;}
}
@media (min-width:1180px) and (max-width:1499px){
  #dashKalkulatorBola.bola-page{padding:12px!important;overflow-x:auto!important;}
  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{width:100%!important;max-width:none!important;margin:0!important;}
  #dashKalkulatorBola .bola-neo-layout{grid-template-columns:185px minmax(540px,1fr) 220px 280px!important;gap:10px!important;align-items:start!important;}
  #dashKalkulatorBola .bola-neo-rail{grid-column:1!important;grid-row:1!important;}
  #dashKalkulatorBola .bola-neo-stage{grid-column:2!important;grid-row:1!important;min-width:0!important;}
  #dashKalkulatorBola .bola-neo-result-column{grid-column:3!important;grid-row:1!important;min-width:0!important;}
  #dashKalkulatorBola .bola-slip-column{grid-column:4!important;grid-row:1!important;min-width:0!important;}
  #dashKalkulatorBola .bola-slip-card{position:sticky!important;top:10px!important;max-height:calc(100vh - 20px)!important;overflow:auto!important;}
}

/* === FINAL PROPORSI 4 KOLOM — sesuai patokan kotak merah ===
   MODE | KALKULATOR (dibatasi) | RESULT BOARD (normal) | ANALISA (sisa lebar kanan) */
@media (min-width:1450px){
  #dashKalkulatorBola.bola-page{
    padding:14px 10px 32px!important;
    overflow-x:hidden!important;
  }
  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  #dashKalkulatorBola .bola-neo-layout{
    display:grid!important;
    grid-template-columns:230px minmax(690px,870px) 245px minmax(300px,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    justify-content:start!important;
    width:100%!important;
    margin-top:14px!important;
  }
  #dashKalkulatorBola .bola-neo-rail{grid-column:1!important;grid-row:1!important;min-width:0!important;}
  #dashKalkulatorBola .bola-neo-stage{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:870px!important;}
  #dashKalkulatorBola .bola-neo-result-column{grid-column:3!important;grid-row:1!important;min-width:0!important;width:245px!important;}
  #dashKalkulatorBola .bola-slip-column{grid-column:4!important;grid-row:1!important;min-width:300px!important;width:auto!important;max-width:none!important;}

  /* Result tetap normal dan mudah dibaca */
  #dashKalkulatorBola .bola-result-card{width:100%!important;padding:15px!important;position:sticky!important;top:12px!important;}
  #dashKalkulatorBola .bola-result-title img{width:50px!important;height:32px!important;}
  #dashKalkulatorBola .bola-result-title h2{font-size:18px!important;}
  #dashKalkulatorBola .bola-result-metrics{gap:8px!important;margin-top:12px!important;}
  #dashKalkulatorBola .bola-result-metrics article{padding:10px!important;}
  #dashKalkulatorBola .bola-result-metrics strong{font-size:16px!important;}
  #dashKalkulatorBola .bola-summary-box,#dashKalkulatorBola .bola-detail-black{padding:11px!important;}
  #dashKalkulatorBola .bola-summary-box h3{font-size:16px!important;}

  /* Analisa mengisi seluruh ruang sisa di ujung kanan */
  #dashKalkulatorBola .bola-slip-card{width:100%!important;max-width:none!important;padding:15px!important;position:sticky!important;top:12px!important;max-height:calc(100vh - 24px)!important;overflow:auto!important;}
  #dashKalkulatorBola .bola-slip-paste-zone{min-height:130px!important;}
  #dashKalkulatorBola .bola-slip-preview-wrap img{max-height:250px!important;}
  #dashKalkulatorBola .bola-slip-answer{max-height:none!important;min-height:180px!important;overflow:visible!important;font-size:10px!important;}
}

@media (min-width:1180px) and (max-width:1449px){
  #dashKalkulatorBola .bola-neo-layout{
    grid-template-columns:185px minmax(500px,1fr) 220px 280px!important;
    gap:10px!important;
    align-items:start!important;
  }
  #dashKalkulatorBola .bola-slip-card,#dashKalkulatorBola .bola-result-card{position:sticky!important;top:10px!important;}
}

/* === PROPORSI FINAL SESUAI KOTAK MERAH ===
   MODE | KALKULATOR 900px | RESULT BOARD 300px | ANALISA mengisi sisa kanan */
@media (min-width:1450px){
  #dashKalkulatorBola.bola-page{
    padding:14px 10px 32px!important;
    overflow-x:hidden!important;
  }
  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  #dashKalkulatorBola .bola-neo-layout{
    display:grid!important;
    grid-template-columns:170px 900px 300px minmax(260px,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    justify-content:start!important;
    width:100%!important;
    margin-top:14px!important;
  }
  #dashKalkulatorBola .bola-neo-rail{
    grid-column:1!important;grid-row:1!important;
    width:170px!important;min-width:170px!important;
  }
  #dashKalkulatorBola .bola-neo-stage{
    grid-column:2!important;grid-row:1!important;
    width:900px!important;min-width:900px!important;max-width:900px!important;
  }
  #dashKalkulatorBola .bola-neo-result-column{
    grid-column:3!important;grid-row:1!important;
    width:300px!important;min-width:300px!important;max-width:300px!important;
  }
  #dashKalkulatorBola .bola-slip-column{
    grid-column:4!important;grid-row:1!important;
    width:auto!important;min-width:260px!important;max-width:none!important;
  }
  #dashKalkulatorBola .bola-result-card,
  #dashKalkulatorBola .bola-slip-card{
    width:100%!important;
    max-width:none!important;
  }
  #dashKalkulatorBola .bola-result-card{padding:16px!important;}
  #dashKalkulatorBola .bola-slip-card{padding:15px!important;}
}

/* === POSISI HASIL SESUAI KOTAK MERAH ===
   MODE | KALKULATOR KECIL | PANEL HASIL DI SEBELAH KALKULATOR | ANALISA DI UJUNG KANAN */
@media (min-width:1450px){
  #dashKalkulatorBola.bola-page{
    padding:14px 10px 32px!important;
    overflow-x:hidden!important;
  }
  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  #dashKalkulatorBola .bola-neo-layout{
    display:grid!important;
    grid-template-columns:170px 680px 300px minmax(420px,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    justify-content:start!important;
    width:100%!important;
    margin-top:14px!important;
  }
  #dashKalkulatorBola .bola-neo-rail{
    grid-column:1!important;grid-row:1!important;
    width:170px!important;min-width:170px!important;max-width:170px!important;
  }
  #dashKalkulatorBola .bola-neo-stage{
    grid-column:2!important;grid-row:1!important;
    width:680px!important;min-width:680px!important;max-width:680px!important;
  }
  #dashKalkulatorBola .bola-neo-result-column{
    grid-column:3!important;grid-row:1!important;
    width:300px!important;min-width:300px!important;max-width:300px!important;
  }
  #dashKalkulatorBola .bola-slip-column{
    grid-column:4!important;grid-row:1!important;
    width:auto!important;min-width:420px!important;max-width:none!important;
  }
  #dashKalkulatorBola .bola-result-card{
    width:100%!important;
    padding:16px!important;
    position:sticky!important;
    top:12px!important;
  }
  #dashKalkulatorBola .bola-slip-card{
    width:100%!important;
    max-width:none!important;
    padding:15px!important;
    position:sticky!important;
    top:12px!important;
    max-height:calc(100vh - 24px)!important;
    overflow:auto!important;
  }
}

@media (min-width:1180px) and (max-width:1449px){
  #dashKalkulatorBola .bola-neo-layout{
    grid-template-columns:150px 560px 260px minmax(300px,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  #dashKalkulatorBola .bola-neo-rail{grid-column:1!important;grid-row:1!important;}
  #dashKalkulatorBola .bola-neo-stage{grid-column:2!important;grid-row:1!important;min-width:0!important;}
  #dashKalkulatorBola .bola-neo-result-column{grid-column:3!important;grid-row:1!important;min-width:0!important;}
  #dashKalkulatorBola .bola-slip-column{grid-column:4!important;grid-row:1!important;min-width:0!important;}
}


/* === FINAL — POSISI PERSIS SESUAI KOTAK MERAH ===
   Urutan desktop: MODE | KALKULATOR | PANEL HASIL | ANALISA SLIP.
   Spasi tiap kolom dibuat terpisah agar posisi visual tidak bergeser. */
@media (min-width:1680px){
  #dashKalkulatorBola.bola-page{
    padding:14px 12px 34px!important;
    overflow-x:hidden!important;
  }
  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  #dashKalkulatorBola .bola-neo-layout{
    display:grid!important;
    /* 200 mode | 25 ruang | 728 kalkulator | 45 ruang | 295 hasil | 72 ruang | analisa */
    grid-template-columns:200px 25px 728px 45px 295px 72px minmax(300px,1fr)!important;
    column-gap:0!important;
    row-gap:0!important;
    align-items:start!important;
    justify-content:start!important;
    width:100%!important;
    margin-top:14px!important;
  }
  #dashKalkulatorBola .bola-neo-rail{
    grid-column:1!important; grid-row:1!important;
    width:200px!important; min-width:200px!important; max-width:200px!important;
  }
  #dashKalkulatorBola .bola-neo-stage{
    grid-column:3!important; grid-row:1!important;
    width:728px!important; min-width:728px!important; max-width:728px!important;
  }
  #dashKalkulatorBola .bola-neo-result-column{
    grid-column:5!important; grid-row:1!important;
    width:295px!important; min-width:295px!important; max-width:295px!important;
  }
  #dashKalkulatorBola .bola-slip-column{
    grid-column:7!important; grid-row:1!important;
    width:100%!important; min-width:300px!important; max-width:none!important;
  }
  #dashKalkulatorBola .bola-mode-panel,
  #dashKalkulatorBola .bola-result-card,
  #dashKalkulatorBola .bola-slip-card{
    width:100%!important; max-width:none!important;
  }
  #dashKalkulatorBola .bola-result-card{
    padding:16px!important;
    position:sticky!important;
    top:12px!important;
  }
  #dashKalkulatorBola .bola-slip-card{
    padding:15px!important;
    position:sticky!important;
    top:12px!important;
    max-height:calc(100vh - 24px)!important;
    overflow:auto!important;
  }
}

/* Tetap rapi saat layar desktop lebih kecil dari patokan screenshot. */
@media (min-width:1450px) and (max-width:1679px){
  #dashKalkulatorBola.bola-page{padding:14px 12px 34px!important;overflow-x:hidden!important}
  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{width:100%!important;max-width:none!important;margin:0!important}
  #dashKalkulatorBola .bola-neo-layout{
    display:grid!important;
    grid-template-columns:175px 18px 640px 28px 265px 34px minmax(280px,1fr)!important;
    column-gap:0!important;row-gap:0!important;align-items:start!important;width:100%!important;
  }
  #dashKalkulatorBola .bola-neo-rail{grid-column:1!important;grid-row:1!important;width:175px!important;min-width:175px!important;max-width:175px!important}
  #dashKalkulatorBola .bola-neo-stage{grid-column:3!important;grid-row:1!important;width:640px!important;min-width:640px!important;max-width:640px!important}
  #dashKalkulatorBola .bola-neo-result-column{grid-column:5!important;grid-row:1!important;width:265px!important;min-width:265px!important;max-width:265px!important}
  #dashKalkulatorBola .bola-slip-column{grid-column:7!important;grid-row:1!important;min-width:280px!important;width:100%!important;max-width:none!important}
  #dashKalkulatorBola .bola-mode-panel,#dashKalkulatorBola .bola-result-card,#dashKalkulatorBola .bola-slip-card{width:100%!important;max-width:none!important}
}


/* PANEL HASIL BESAR — TANPA RIWAYAT HITUNGAN */
@media (min-width:1450px){
  #dashKalkulatorBola .bola-neo-result-column{
    min-width:315px!important;
    width:315px!important;
    max-width:315px!important;
  }
  #dashKalkulatorBola .bola-result-card{
    width:315px!important;
    max-width:315px!important;
    padding:20px!important;
  }
  #dashKalkulatorBola .bola-result-title img{width:64px!important;height:41px!important;}
  #dashKalkulatorBola .bola-result-title small{font-size:10px!important;}
  #dashKalkulatorBola .bola-result-title h2{font-size:20px!important;}
  #dashKalkulatorBola .bola-result-live{font-size:10px!important;padding:7px 10px!important;}
  #dashKalkulatorBola .bola-result-metrics{gap:11px!important;margin-top:16px!important;}
  #dashKalkulatorBola .bola-result-metrics article{padding:14px!important;}
  #dashKalkulatorBola .bola-result-metrics small,
  #dashKalkulatorBola .bola-summary-box small,
  #dashKalkulatorBola .bola-detail-black small{font-size:9px!important;}
  #dashKalkulatorBola .bola-result-metrics strong{font-size:19px!important;margin-top:7px!important;}
  #dashKalkulatorBola .bola-summary-box{padding:15px!important;}
  #dashKalkulatorBola .bola-summary-box h3{font-size:18px!important;}
  #dashKalkulatorBola .bola-detail-black{padding:15px!important;}
  #dashKalkulatorBola .bola-detail-black p,
  #dashKalkulatorBola .bola-detail-item{font-size:11px!important;}
  #dashKalkulatorBola .bola-detail-formula{font-size:11px!important;}
  #dashKalkulatorBola .bola-result-actions button{height:42px!important;font-size:11px!important;}
}
#dashKalkulatorBola .bola-history{display:none!important;}

/* =========================================================
   FINAL FIX - 4 BOX TETAP PAS MESKIPUN BROWSER ZOOM
   MODE | KALKULATOR | PANEL HASIL | ANALISA SLIP
   ========================================================= */
@media (min-width:1180px){
  #dashKalkulatorBola.bola-page{
    padding:14px 10px 28px !important;
    overflow-x:hidden !important;
  }

  #dashKalkulatorBola .bola-sport-shell.bola-neo-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  #dashKalkulatorBola .bola-neo-layout{
    display:grid !important;
    /* MODE | KALKULATOR | HASIL | ANALISA */
    grid-template-columns:135px minmax(380px,1fr) 280px minmax(360px,1fr) !important;
    gap:12px !important;
    column-gap:12px !important;
    row-gap:0 !important;
    align-items:start !important;
    justify-content:stretch !important;
    width:100% !important;
    margin-top:14px !important;
  }

  /* BOX 1 - MODE */
  #dashKalkulatorBola .bola-neo-rail{
    grid-column:1 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:12px !important;
  }

  /* BOX 2 - KALKULATOR */
  #dashKalkulatorBola .bola-neo-stage{
    grid-column:2 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }

  /* BOX 3 - PANEL HASIL LEBAR */
  #dashKalkulatorBola .bola-neo-result-column{
    grid-column:3 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  #dashKalkulatorBola .bola-result-card{
    width:100% !important;
    max-width:none !important;
    padding:17px !important;
    position:sticky !important;
    top:12px !important;
  }

  /* BOX 4 - ANALISA SLIP */
  #dashKalkulatorBola .bola-slip-column{
    grid-column:4 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  #dashKalkulatorBola .bola-slip-card{
    width:100% !important;
    max-width:none !important;
    padding:15px !important;
    position:sticky !important;
    top:12px !important;
    max-height:calc(100vh - 24px) !important;
    overflow:auto !important;
  }

  /* Isi panel hasil tetap jelas */
  #dashKalkulatorBola .bola-result-title img{width:56px !important;height:36px !important;}
  #dashKalkulatorBola .bola-result-title h2{font-size:19px !important;}
  #dashKalkulatorBola .bola-result-title small{font-size:9px !important;}
  #dashKalkulatorBola .bola-result-live{font-size:9px !important;padding:6px 9px !important;}
  #dashKalkulatorBola .bola-result-metrics{gap:9px !important;margin-top:13px !important;}
  #dashKalkulatorBola .bola-result-metrics article{padding:12px !important;}
  #dashKalkulatorBola .bola-result-metrics strong{font-size:17px !important;}
  #dashKalkulatorBola .bola-result-metrics small,
  #dashKalkulatorBola .bola-summary-box small,
  #dashKalkulatorBola .bola-detail-black small{font-size:8px !important;}
  #dashKalkulatorBola .bola-summary-box{padding:13px !important;}
  #dashKalkulatorBola .bola-summary-box h3{font-size:16px !important;}
  #dashKalkulatorBola .bola-detail-black{padding:13px !important;}
  #dashKalkulatorBola .bola-detail-black p,
  #dashKalkulatorBola .bola-detail-item,
  #dashKalkulatorBola .bola-detail-formula{font-size:10px !important;}
  #dashKalkulatorBola .bola-result-actions{gap:8px !important;}
  #dashKalkulatorBola .bola-result-actions button{height:39px !important;font-size:9px !important;}
}

@media (min-width:1024px) and (max-width:1179px){
  #dashKalkulatorBola .bola-neo-layout{
    display:grid !important;
    grid-template-columns:120px minmax(330px,1fr) 240px minmax(290px,1fr) !important;
    gap:10px !important;
    align-items:start !important;
  }
  #dashKalkulatorBola .bola-neo-rail{grid-column:1 !important;grid-row:1 !important;}
  #dashKalkulatorBola .bola-neo-stage{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;}
  #dashKalkulatorBola .bola-neo-result-column{grid-column:3 !important;grid-row:1 !important;min-width:0 !important;}
  #dashKalkulatorBola .bola-slip-column{grid-column:4 !important;grid-row:1 !important;min-width:0 !important;}
}
