/* Qoolbet global identity and authentication modal */
html.qool-auth-route-pending,html.qool-auth-route-pending body{visibility:hidden!important;background:#0b1118!important}
.qool-next-shell .qool-next-topbar{min-height:96px!important;height:auto!important;align-items:center!important}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo{display:flex!important;width:270px!important;min-width:270px!important;max-width:270px!important;flex:0 0 270px!important;height:94px!important;overflow:visible!important}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{display:block!important;width:270px!important;min-width:270px!important;max-width:270px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}
.qool-auth-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,7,12,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.qool-auth-overlay.is-open{opacity:1;visibility:visible}
.qool-auth-dialog{position:relative;display:flex;flex-direction:column;width:min(520px,100%);height:min(760px,calc(100dvh - 40px));max-height:calc(100vh - 40px);overflow:hidden;border:1px solid rgba(101,220,170,.25);border-radius:20px;background:linear-gradient(160deg,#121b25,#0b1118 65%);box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.035) inset}
.qool-auth-head{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 16px 13px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.qool-auth-brand{display:flex;align-items:center;min-width:0;flex:1;gap:12px;color:#f4f8fb;font-size:17px;font-weight:800}
.qool-auth-brand img{width:124px;height:auto;max-height:44px;object-fit:contain;object-position:left center}
.qool-auth-tabs{display:flex;gap:5px;padding:4px;border-radius:11px;background:#080d12}
.qool-auth-tabs button,.qool-auth-close{border:0;color:#cbd7df;cursor:pointer}
.qool-auth-tabs button{padding:8px 11px;border-radius:8px;background:transparent;font-size:12px;font-weight:750}
.qool-auth-tabs button[aria-selected="true"]{background:#173a2c;color:#8cf0b7;box-shadow:0 0 0 1px rgba(100,231,163,.18) inset}
.qool-auth-close{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.07);font-size:22px;line-height:1}
.qool-auth-close:hover{background:rgba(255,255,255,.14);color:#fff}
.qool-auth-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#10141a}
body.qool-auth-open{overflow:hidden!important}
.qool-login-frame html.qool-auth-route-pending{visibility:visible!important}
@media(max-width:720px){
 .qool-next-shell .qool-next-topbar{min-height:80px!important}
 html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:205px!important;min-width:205px!important;max-width:205px!important;flex-basis:205px!important;height:74px!important}
 html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{width:205px!important;min-width:205px!important;max-width:205px!important;max-height:none!important}
 .qool-auth-overlay{align-items:flex-end;padding:0;background:rgba(3,7,12,.8)}
 .qool-auth-dialog{width:100%;height:min(86dvh,780px);max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0}
 .qool-auth-head{min-height:66px;padding:10px 12px}
 .qool-auth-brand{gap:6px}html body .qool-auth-overlay .qool-auth-head .qool-auth-brand>img{width:94px!important;min-width:94px!important;max-width:94px!important;flex-basis:94px!important;max-height:36px!important}
 .qool-auth-tabs{gap:2px}.qool-auth-tabs button{padding:8px 9px;font-size:11px}
}
@media(max-width:380px){html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:170px!important;min-width:170px!important;max-width:170px!important;flex-basis:170px!important}html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{width:170px!important;min-width:170px!important;max-width:170px!important}}

/* Final contrast and fixed logo sizing across global header and popup. */
html body .qool-next-topactions .qool-next-account.white-button{color:#10151b!important;background:linear-gradient(135deg,#f4f7f4,#d3ddd8)!important;border:1px solid rgba(255,255,255,.34)!important}
html body .qool-next-topactions .qool-next-account.white-button:hover{color:#07130e!important;background:#9bf1bd!important}
html body .qool-auth-overlay .qool-auth-head .qool-auth-brand>img{width:132px!important;min-width:132px!important;max-width:132px!important;flex:0 0 132px!important;height:auto!important;max-height:48px!important}

/* QOOL auth popup compact layout 20261029 */
.qool-auth-dialog{height:min(600px,calc(100dvh - 40px))}
.qool-auth-dialog.is-register{height:min(760px,calc(100dvh - 40px))}
.qool-auth-dialog.is-reset{height:min(620px,calc(100dvh - 40px))}
@media(max-width:720px){.qool-auth-dialog{height:min(78dvh,650px)}.qool-auth-dialog.is-register{height:min(92dvh,860px)}.qool-auth-dialog.is-reset{height:min(82dvh,700px)}}

/* auth popup iframe autofill and compact layout 20261029 */
#rocksLoginForm input.form-control,
#rocksLoginForm input.form-control:-webkit-autofill,
#rocksLoginForm input.form-control:-webkit-autofill:hover,
#rocksLoginForm input.form-control:-webkit-autofill:focus,
#rocksLoginForm input.form-control:-webkit-autofill:active {
  background:#0b1118!important;
  background-color:#0b1118!important;
  color:#f6f8fa!important;
  -webkit-text-fill-color:#f6f8fa!important;
  caret-color:#f6f8fa!important;
  -webkit-box-shadow:0 0 0 1000px #0b1118 inset!important;
  box-shadow:0 0 0 1000px #0b1118 inset!important;
}
#rocksLoginForm input.form-control::placeholder{color:#8393a0!important;opacity:1!important}
#rocksLoginForm .form-control:focus{border-color:rgba(89,214,160,.72)!important;outline:0!important}
.qool-auth-dialog:not(.is-register):not(.is-reset){height:524px!important;max-height:calc(100dvh - 32px)!important}
.qool-auth-dialog:not(.is-register):not(.is-reset) .qool-auth-frame{flex:none!important;height:450px!important;min-height:450px!important}
.qool-auth-brand img{object-fit:contain!important;object-position:left center!important}
@media(max-width:720px){
 .qool-auth-dialog:not(.is-register):not(.is-reset){height:min(540px,calc(100dvh - 20px))!important}
 .qool-auth-dialog:not(.is-register):not(.is-reset) .qool-auth-frame{height:466px!important;min-height:466px!important}
}

/* auth signup autofill specificity 20261029 */
html body #rocksLoginForm input.form-control,
html body #rocksLoginForm input[type=text],
html body #rocksLoginForm input[type=email],
html body #rocksLoginForm input[type=password],
html body #rocksLoginForm input[type=tel],
html body #rocksLoginForm input.form-control:-webkit-autofill,
html body #rocksLoginForm input.form-control:-webkit-autofill:hover,
html body #rocksLoginForm input.form-control:-webkit-autofill:focus,
html body #rocksLoginForm input.form-control:-webkit-autofill:active {
 background:#0b1118!important;
 background-color:#0b1118!important;
 color:#f6f8fa!important;
 -webkit-text-fill-color:#f6f8fa!important;
 caret-color:#f6f8fa!important;
 -webkit-box-shadow:0 0 0 1000px #0b1118 inset!important;
 box-shadow:0 0 0 1000px #0b1118 inset!important;
 border:1px solid rgba(195,211,224,.2)!important;
}

/* signup panel field styling 20261029 */
html body .panel-reg input.form-control,
html body .panel-reg input.form-control:-webkit-autofill,
html body .panel-reg input.form-control:-webkit-autofill:hover,
html body .panel-reg input.form-control:-webkit-autofill:focus,
html body .panel-reg input.form-control:-webkit-autofill:active,
html body #main .panel-reg input.form-control,
html body #main .panel-reg input.form-control:-webkit-autofill,
html body #main .panel-reg input.form-control:-webkit-autofill:hover,
html body #main .panel-reg input.form-control:-webkit-autofill:focus,
html body #main .panel-reg input.form-control:-webkit-autofill:active {
 width:100%!important;
 min-width:0!important;
 height:48px!important;
 padding:0 14px!important;
 border:1px solid rgba(195,211,224,.2)!important;
 border-radius:11px!important;
 background:#0b1118!important;
 background-color:#0b1118!important;
 color:#f6f8fa!important;
 font-size:14px!important;
 line-height:48px!important;
 -webkit-text-fill-color:#f6f8fa!important;
 caret-color:#f6f8fa!important;
 -webkit-box-shadow:0 0 0 1000px #0b1118 inset!important;
 box-shadow:0 0 0 1000px #0b1118 inset!important;
}
html body .panel-reg input.form-control::placeholder{color:#8393a0!important;opacity:1!important}
html body .panel-reg .form-group{margin:0 0 14px!important}
html body .panel-reg .control-label{display:block!important;margin:0 0 7px!important;color:#dbe3e8!important;font-size:12px!important;font-weight:750!important}
@media(max-width:720px){html body .panel-reg input.form-control{height:46px!important;line-height:46px!important}}

/* Keep the dialog heading as its accessible name without repeating it beside the logo. */
.qool-auth-brand #qool-auth-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.qool-auth-brand{min-height:44px!important;background:url("/assets/theme15/images/qoolbet-logo-transparent-20261028-opt-20261102.webp") left center / 132px auto no-repeat!important}.qool-auth-brand img{height:44px!important;min-height:44px!important;visibility:hidden!important}