.qool-next-page--global:has(.qool-direct-live){max-width:none!important;padding:0!important}
.qool-direct-live{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:8px;width:calc(100% + 24px);min-height:calc(100vh - 52px);margin:-3px 0 0 -24px;padding:0;background:#050608;color:#f3f5f8}
.qool-direct-live iframe{display:block;width:100%;height:calc(100vh - 52px);min-height:850px;border:0;background:#050608}
.qool-live-coupon{position:sticky;top:54px;align-self:start;min-height:250px;max-height:calc(100vh - 60px);overflow:auto;margin:6px 6px 0 0;background:#283248;border:1px solid #39475c;border-radius:5px;color:#f3f5f8;font:12px Arial,sans-serif}
.qool-coupon-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #44526b}
.qool-coupon-tabs button{height:39px;border:0;background:transparent;color:#c8d1e0;font-size:11px;cursor:pointer}
.qool-coupon-tabs button.is-active{color:#ffae00;border-bottom:2px solid #ffae00;font-weight:700}
.qool-coupon-empty{min-height:194px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;line-height:1.4;margin:0;padding:18px}
.qool-coupon-empty small{font-weight:400;color:#c4ccda}
#qool-coupon-view{padding:0 10px}
.qool-coupon-pick{position:relative;margin:10px 0;padding:10px 28px 10px 10px;background:#172034;border:1px solid #43516c;border-radius:5px;line-height:1.45}
.qool-coupon-pick strong,.qool-coupon-pick span{display:block;overflow-wrap:anywhere}
.qool-coupon-pick strong{font-size:12px}.qool-coupon-pick span{color:#bcc8d9;font-size:11px;margin-top:4px}
.qool-coupon-pick b{display:block;margin-top:5px;color:#ffc357}
.qool-coupon-pick button{position:absolute;right:7px;top:6px;background:none;border:0;color:#dde6f4;font-size:18px;cursor:pointer}
.qool-coupon-pick.is-pending{opacity:.8}.qool-coupon-pick.is-error{border-color:#bb4b58}
#qool-coupon-controls{padding:10px;border-top:1px solid #43516c}
.qool-coupon-total{display:flex;justify-content:space-between;gap:8px;margin:8px 0;font-size:12px}.qool-coupon-total strong{color:#fff}
.qool-coupon-stake{display:block;margin:12px 0 8px;color:#c8d1e0}.qool-coupon-stake input{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #6a7890;border-radius:4px;background:#fff;color:#0d1420;font-size:14px}
.qool-coupon-balance{color:#cad5e4;margin:12px 0 8px}
#qool-place-bet{width:100%;padding:11px;border:0;border-radius:4px;background:#e2a42e;color:#101521;font-weight:800;cursor:pointer}
#qool-place-bet:disabled{opacity:.55;cursor:not-allowed}
#qool-bet-status{min-height:20px;padding:0 10px;color:#ffd275;line-height:1.4}
#qool-bets-view{padding:12px}.qool-ticket{padding:9px;margin:6px 0;border:1px solid #43516c;border-radius:4px}
@media(max-width:1100px){.qool-direct-live{grid-template-columns:minmax(0,1fr) 270px}.qool-live-coupon{margin-right:2px}}
@media(max-width:850px){.qool-direct-live{display:block;width:100%;margin:0}.qool-direct-live iframe{height:calc(100vh - 60px);min-height:650px}.qool-live-coupon{position:static;max-height:none;margin:0 6px 10px}}

/* Keep the site coupon visible beside the embedded live table. */
@media(min-width:851px){.qool-direct-live{display:block!important;width:calc(100% + 24px)!important;padding-right:313px!important;box-sizing:border-box!important}.qool-direct-live #qool-live-table{display:block!important;width:100%!important;box-sizing:border-box!important}.qool-direct-live .qool-live-coupon{display:block!important;position:fixed!important;top:65px!important;right:8px!important;width:305px!important;max-width:calc(100vw - 16px)!important;box-sizing:border-box!important;z-index:100!important;visibility:visible!important;opacity:1!important}}

/* Coupon layout matching the live betting slip. */
.qool-live-coupon{background:#1e2430!important;border:0!important;border-radius:4px!important;box-shadow:0 8px 22px #0008!important}
.qool-coupon-tabs{background:#303a50!important;border:0!important}
.qool-coupon-tabs button{height:40px!important;color:#d9e0ef!important}
.qool-coupon-tabs button.is-active{color:#ffad00!important;border-bottom:2px solid #ffad00!important}
.qool-coupon-tabs sup{font-size:9px;vertical-align:super}
.qool-coupon-modes{display:flex;margin:12px;border-radius:24px;overflow:hidden;background:#050609}
.qool-coupon-modes button{flex:1;border:0;background:transparent;color:#fff;font-size:11px;font-weight:700;min-height:32px;cursor:pointer}
.qool-coupon-modes button.is-active{background:#ef182b;border-radius:24px}
.qool-coupon-modes button:disabled{opacity:.5;cursor:not-allowed}
#qool-coupon-view{padding:0!important}
.qool-coupon-pick{margin:0!important;padding:11px 8px 14px 35px!important;background:#303a50!important;border:0!important;border-bottom:1px solid #111827!important;border-radius:0!important;min-height:62px}
.qool-coupon-pick button{left:11px!important;right:auto!important;top:10px!important;font-size:17px!important;color:#c4ccda!important}
.qool-pick-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}
.qool-coupon-pick .qool-pick-heading strong{font-size:11px;color:#fff}
.qool-coupon-pick .qool-pick-heading b{margin:0!important;color:#fff;font-size:11px;white-space:nowrap}
.qool-coupon-pick span{font-size:10px!important;color:#d1d9e8!important;margin-top:4px!important}
.qool-pick-match{display:flex;justify-content:space-between;gap:6px;font-size:10px;font-weight:700;margin-top:4px;color:#fff}
.qool-pick-match em{font-style:normal;color:#ff9f00}
.qool-coupon-stake-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:20px 10px;background:#1e2430;color:#aebcda;font-size:11px;text-align:right}
.qool-coupon-accept-odds{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#1e2430;color:#e5ebf7;font-size:12px;cursor:pointer}
.qool-coupon-accept-odds input{width:16px;height:16px;margin:0;accent-color:#2ea568;cursor:pointer}
.qool-coupon-stake-row small{font-size:10px}
.qool-coupon-stake{margin:0!important;padding:0!important;border:0!important;background:none!important}
.qool-coupon-stake input{width:55px!important;height:34px!important;background:#050609!important;color:#fff!important;text-align:right;border:0!important;border-radius:4px!important;font-weight:700}
.qool-coupon-presets{display:flex;justify-content:space-between;gap:4px;padding:8px 10px 18px;background:#1e2430}
.qool-coupon-presets button{border:0;background:#303a50;color:#fff;border-radius:50%;width:32px;height:32px;font-size:10px;font-weight:700;cursor:pointer}
.qool-coupon-total{margin:0!important;padding:10px 12px!important;border:0!important;background:#303a50!important;font-size:11px!important}
.qool-coupon-balance{padding:8px 12px!important;background:#303a50!important;color:#c6d0df!important;font-size:10px!important}
#qool-place-bet{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:10px 12px 12px!important;width:calc(100% - 24px)!important;min-height:46px!important;border:0!important;border-radius:25px!important;background:#ed172a!important;color:white!important;cursor:pointer}
#qool-place-bet small{font-size:10px;font-weight:400}
#qool-place-bet:disabled{opacity:.55;cursor:not-allowed}
#qool-bets-view{padding:8px;background:#1e2430}
.qool-ticket{margin:0 0 8px;background:#303a50;border-radius:5px;overflow:hidden}
.qool-ticket summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;cursor:pointer;list-style:none}
.qool-ticket summary::-webkit-details-marker{display:none}
.qool-ticket summary span{font-weight:700;font-size:11px}
.qool-ticket summary small{display:block;font-size:10px;font-weight:400;color:#b8c4d5;margin-top:4px}
.qool-ticket-status{font-size:10px;border-radius:3px;padding:4px 6px;background:#586477;color:white;white-space:nowrap}
.qool-ticket-status.is-won{background:#187642}
.qool-ticket-status.is-lost{background:#b52737}
.qool-ticket-meta{padding:8px 10px;border-top:1px solid #526079;font-size:10px;color:#dce6f3}
.qool-ticket-pick{padding:8px 10px;border-top:1px solid #526079;font-size:10px}
.qool-ticket-pick strong,.qool-ticket-pick span,.qool-ticket-pick small{display:block;margin:2px 0}
.qool-ticket-pick span{color:#cbd6e7}
.qool-ticket-match-link{display:block;width:100%;padding:0;border:0;background:none;color:#fff;text-align:left;font:700 10px Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.qool-ticket-match-link:hover,.qool-ticket-match-link:focus-visible{color:#ffbf43}
.qool-ticket-pick small{color:#ffc166}

#qool-coupon-modes[hidden]{display:none!important}

/* Blur the slip and show the Qoolbet spinner while the server validates a coupon. */
.qool-live-coupon.is-validating>*:not(#qool-coupon-validating){filter:blur(3px);pointer-events:none;user-select:none}
.qool-coupon-validating{position:absolute;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:100%;box-sizing:border-box;background:rgba(8,12,20,.56);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;text-align:center}
.qool-coupon-validating[hidden]{display:none!important}
.qool-validating-logo{display:block;width:126px;max-width:55%;height:auto;filter:drop-shadow(0 0 12px rgba(255,187,36,.6));animation:qoolCouponLogoSpin 1.7s linear infinite}
.qool-coupon-validating strong{font-size:15px;color:#ffc344;text-shadow:0 1px 8px #000}
.qool-coupon-validating span{font-size:11px;color:#e5eaf2}
@keyframes qoolCouponLogoSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:850px){.qool-direct-live .qool-live-coupon{position:relative!important}}

/* Keep the bet slip at the top of the right rail and show the selected match data below it. */
.qool-direct-live .qool-live-sidecol{position:fixed!important;top:65px!important;right:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:305px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 73px)!important;box-sizing:border-box!important;z-index:110!important;overflow-x:hidden!important;overflow-y:auto!important}
.qool-direct-live .qool-live-coupon{position:relative!important;top:auto!important;right:auto!important;align-self:stretch!important;width:100%!important;max-width:none!important;min-height:250px!important;max-height:none!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;flex:0 0 auto!important}
.qool-direct-live #qool-live-widget{display:block;flex:1 1 auto;width:100%;height:calc(100vh - 350px);min-height:280px;max-height:calc(100vh - 355px);box-sizing:border-box;border:0;border-radius:5px;background:#202838;overflow:hidden}
.qool-direct-live #qool-live-widget[hidden]{display:none!important}
@media(max-width:850px){
 .qool-direct-live .qool-live-sidecol{position:relative!important;top:auto!important;right:auto!important;width:100%!important;max-width:none!important;max-height:none!important;padding:8px!important;overflow:visible!important;box-sizing:border-box!important}
 .qool-direct-live .qool-live-coupon{position:relative!important;top:auto!important;right:auto!important;width:100%!important;max-height:none!important;margin:0!important}
 .qool-direct-live #qool-live-widget{width:100%;height:340px;min-height:300px;max-height:none}
}
