/* responsive account modal */
.qool-account-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,8,13,.82);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.qool-account-overlay.is-open{opacity:1;visibility:visible}
.qool-account-dialog{display:flex;flex-direction:column;width:min(1080px,96vw);height:min(88dvh,860px);max-height:calc(100vh - 36px);overflow:hidden;border:1px solid rgba(85,220,166,.28);border-radius:22px;background:linear-gradient(145deg,#101a24,#0b1118 72%);box-shadow:0 28px 100px rgba(0,0,0,.7)}
.qool-account-head{display:flex;align-items:center;gap:13px;min-height:66px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(110deg,#1b2f3a,#0e161e)}
.qool-account-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid rgba(90,220,166,.28);border-radius:13px;background:rgba(70,214,156,.16);color:#78edb4;font-size:21px}
.qool-account-title{min-width:0;flex:1;color:#f5f7f9;font-size:18px;font-weight:850}
.qool-account-subtitle{display:block;margin-top:2px;color:#96a8b3;font-size:11px;font-weight:550}
.qool-account-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:#e9f0f4;font-size:22px;cursor:pointer}
.qool-account-close:hover{background:rgba(79,215,157,.17)}
.qool-account-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#0b1118}
body.qool-account-open{overflow:hidden!important}
html.qool-account-embed,html.qool-account-embed body{min-height:100%!important;background:#0b1118!important}
html.qool-account-embed body{overflow-x:hidden!important}
html.qool-account-embed .merdo-sidebar,html.qool-account-embed .qool-next-shell,html.qool-account-embed #footer,html.qool-account-embed footer,html.qool-account-embed .site-footer,html.qool-account-embed .nav-mobile,html.qool-account-embed .navbar,html.qool-account-embed .header-top,html.qool-account-embed #main-left{display:none!important}
html.qool-account-embed #main{width:100%!important;max-width:none!important;margin:0!important;padding:16px!important;background:transparent!important}
html.qool-account-embed #main-panel{display:block!important;width:100%!important;margin:0!important}
html.qool-account-embed #main-center{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html.qool-account-embed .center-container{width:100%!important;max-width:none!important;padding:0!important}
html.qool-account-embed .qool-myaccount-page .panel,html.qool-account-embed .qool-myaccount-page .panel-white{overflow:hidden;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;background:linear-gradient(145deg,#151f2a,#101820)!important;color:#edf2f4!important}
html.qool-account-embed .qool-myaccount-page .panel-heading{padding:15px 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important;color:#f5f7f9!important}
html.qool-account-embed .qool-myaccount-page .panel-heading h3{margin:0!important;color:#f5f7f9!important;font-size:18px!important;font-weight:800!important}
html.qool-account-embed .qool-myaccount-page .form-control{width:100%!important;max-width:100%!important;min-height:44px!important;border:1px solid rgba(185,205,216,.17)!important;border-radius:10px!important;background:#0b1219!important;color:#edf4f5!important;box-shadow:none!important}
html.qool-account-embed .qool-myaccount-page .control-label{color:#c7d2d8!important;font-weight:700!important}
html.qool-account-embed .qool-myaccount-page .table-responsive{width:100%;overflow-x:auto!important;border:1px solid rgba(255,255,255,.08);border-radius:13px}
html.qool-account-embed .qool-myaccount-page table{min-width:620px;background:#101821;color:#eaf0f3}
html.qool-account-embed .qool-myaccount-page table th{background:#16232d;color:#dff7eb}
html.qool-account-embed .qool-myaccount-page table td,html.qool-account-embed .qool-myaccount-page table th{border-color:rgba(255,255,255,.08)!important}
@media(max-width:720px){.qool-account-overlay{align-items:stretch;padding:0;background:#080d12}.qool-account-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.qool-account-head{min-height:62px;padding:9px 12px;gap:10px}.qool-account-mark{width:38px;height:38px}.qool-account-title{font-size:16px}.qool-account-frame{height:calc(100dvh - 62px)}html.qool-account-embed #main{padding:10px!important}html.qool-account-embed .qool-myaccount-page .row{margin-right:-6px!important;margin-left:-6px!important}html.qool-account-embed .qool-myaccount-page [class*=col-]{padding-right:6px!important;padding-left:6px!important}}
@media(prefers-reduced-motion:reduce){.qool-account-overlay,.qool-account-close{transition:none!important}}

html.qool-account-embed .qool-next-shell{display:block!important;min-height:0!important;height:auto!important;background:transparent!important}
html.qool-account-embed .qool-next-topbar,html.qool-account-embed .qool-next-sidebar{display:none!important}
html.qool-account-embed .qool-next-content{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important}
html.qool-account-embed .qool-next-page{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important}
html.qool-account-embed body.welcome-theme{height:auto!important;min-height:100%!important}

html body.qool-account-embed .qool-next-shell>.qool-next-topbar{display:none!important}
html body.qool-account-embed .qool-next-content>aside.qool-next-sidebar{display:none!important}
html body.qool-account-embed #main-panel #main-left{display:none!important}
html body.qool-account-embed .qool-next-page{grid-column:1/-1!important}

html.qool-account-embed body .qool-next-shell>.qool-next-topbar{display:none!important}
html.qool-account-embed body .qool-next-content>aside.qool-next-sidebar{display:none!important}
html.qool-account-embed body #main-panel #main-left{display:none!important}
html.qool-account-embed body .qool-next-content{display:block!important;width:100%!important}
@media(max-width:720px){.qool-account-dialog{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important}}

/* Keep the account section menu visible inside the popup */
html.qool-account-embed body #main-panel.qpro-account-layout #main-left{display:block!important;width:100%!important;height:auto!important;min-height:0!important;position:relative!important;overflow:visible!important;background:#141518!important;border-bottom:1px solid rgba(210,169,73,.28)!important}
html.qool-account-embed body #main-panel.qpro-account-layout #main-left .left-container{display:block!important;width:100%!important;padding:0!important}
html.qool-account-embed body #main-panel.qpro-account-layout #main-left .qpro-account-nav{display:flex!important;flex-wrap:wrap;gap:8px;padding:10px 12px}
html.qool-account-embed body #main-panel.qpro-account-layout #main-left .qpro-account-nav a{flex:0 0 auto;min-height:40px;border-radius:10px!important;background:#19232b!important;border-color:rgba(173,200,211,.16)!important;color:#e5ecef!important}
html.qool-account-embed body #main-panel.qpro-account-layout #main-left .qpro-account-nav a[aria-current=page]{background:linear-gradient(110deg,#f0cf7b,#c99a39)!important;border-color:#e7bf65!important;color:#14130f!important}
@media(max-width:767px){
 html.qool-account-embed body #main-panel.qpro-account-layout #main-left .qpro-account-nav{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;padding:8px 10px 12px}
 html.qool-account-embed body #main-panel.qpro-account-layout #main-left .qpro-account-nav a{min-height:42px;padding:9px 12px!important;white-space:nowrap}
 html.qool-account-embed body #main-panel.qpro-account-layout #main-center .center-container{padding:10px!important}
}