/* Shared chrome rebuilt from the supplied mobile exchange capture. */
:root{--site-top-h:44px}
:root{--site-top-h:44px}
.bf-header,.bf-download,.bf-navigation,.bf-footer,.bf-dialog{font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;letter-spacing:normal}
.bf-header *,.bf-download *,.bf-navigation *,.bf-footer *,.bf-dialog *{box-sizing:border-box}
.bf-header a,.bf-navigation a,.bf-footer a{text-decoration:none}
.bf-icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}
.bf-download{height:62px;padding:8px 10px;display:flex;align-items:center;gap:10px;background:#fff;color:#303030;font-size:12px}
.bf-download[hidden]{display:none}.bf-download-close{padding:0;border:0;background:none;color:#9a9a9a;font:20px Arial;cursor:pointer}.bf-download img{width:46px;height:46px;object-fit:cover}.bf-download>div{display:flex;flex-direction:column;line-height:15px}.bf-download strong{font-size:12px}.bf-download small{font-size:12px;color:#7f7f7f}.bf-get{margin-left:auto;border:0;border-radius:2px;background:#e1e6ea;color:#303030;font:bold 12px Arial;padding:6px 10px;cursor:pointer}
.bf-header{height:44px;background:#ffb80c;display:flex;align-items:center;padding:0 8px 0 15px;position:sticky;top:0;z-index:40;color:#303030}
.bf-logo{display:flex;align-items:center;gap:3px;color:#111;line-height:20px;margin-right:auto;font:bold 25px Arial;letter-spacing:-1.3px}.bf-logo small{display:block;font:7px Arial;letter-spacing:2.1px;line-height:7px;text-align:right}.bf-brand-arrows{width:25px;height:23px;fill:currentColor;flex-shrink:0}.bf-back{color:#303030;padding:10px 12px 10px 0;display:flex}
.bf-header-actions{display:flex;align-items:center;gap:4px;height:36px;margin:4px 0}.bf-header-actions>button,.bf-header-actions>a,.bf-account>summary{display:flex;align-items:center;justify-content:center;gap:6px;background:#303030;border:0;border-radius:2px;color:#fff;padding:0 8px;font:12px Arial;height:36px;cursor:pointer}.bf-account{position:relative}.bf-account summary{list-style:none;max-width:200px;overflow-wrap:anywhere}.bf-account summary::-webkit-details-marker{display:none}.bf-account>div{position:absolute;right:0;top:40px;min-width:180px;background:#fff;color:#303030;box-shadow:0 3px 12px #0004;z-index:45}.bf-account>div>a,.bf-account>div button{display:block;width:100%;padding:12px;background:#fff;border:0;border-bottom:1px solid #e1e6ea;text-align:left;font:12px Arial;color:#303030}.bf-account form{margin:0}
.bf-navigation{display:flex;position:fixed;bottom:0;left:0;right:0;background:#525252;height:calc(45px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:50}.bf-navigation>a,.bf-navigation>button{appearance:none;flex:1;min-width:0;border:0;border-radius:0;background:none;color:#dcdcdc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 2px;font:10px Arial;cursor:pointer}.bf-navigation>a[aria-current=page],.bf-navigation>button:hover{background:#303030;color:#fff}.bf-navigation .bf-cashout{color:#ffb80c}.bf-navigation .bf-icon{width:18px;height:18px}
body:has(.bf-navigation){padding-bottom:calc(45px + env(safe-area-inset-bottom,0px))}
.bf-footer{background:#fff;color:#1e1e1e;font:12px/1.35 Arial,Helvetica,sans-serif;padding:0 0 20px;clear:both;margin:5px 0 0;text-align:center}.bf-footer a,.bf-footer button{color:#1e1e1e}.bf-responsible{display:flex;align-items:center;justify-content:center;gap:0;background:#1e1e1e;border-top:1px solid #666966;padding:10px 8px 8px;color:#c4c4c4}.bf-age{display:inline-flex;width:36px;height:36px;border:3px solid #e2342f;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:#1e1e1e!important;font:bold 13px Arial;flex-shrink:0;text-decoration:none!important}.bf-responsible strong{font:700 12px Arial;color:#c4c4c4;padding:0 10px}.bf-responsible>a:last-child{background:linear-gradient(#e1e1e1,silver);color:#1e1e1e;border:1px solid silver;padding:10px 17px;border-radius:2px;font:bold 12px Arial;white-space:nowrap}.bf-responsible>a:last-child:hover{background:linear-gradient(#b3b3b3,#9a9a9a);text-decoration:none}.bf-data-warning{padding:20px 16px;font:12px/1.3 Arial;color:#1e1e1e;background:#fff}.bf-data-warning p{margin:0}.bf-footer-toplinks{display:flex;flex-direction:column;align-items:center;padding:16px 0 0;margin-top:16px}.bf-footer details{font:bold 13px Arial;padding-bottom:10px}.bf-footer summary{cursor:pointer;list-style:none;color:#1e1e1e}.bf-footer summary::-webkit-details-marker{display:none}.bf-footer summary::after{content:'';display:inline-block;margin-left:5px;vertical-align:middle;border:4px solid transparent;border-top:5px solid #1e1e1e;border-bottom:0;position:relative;top:-1px}.bf-footer details[open] summary::after{border-top:0;border-bottom:5px solid #1e1e1e}.bf-footer details>div{display:flex;flex-direction:column;margin:5px 0 7px}.bf-footer details>div a{font:bold 13px Arial;padding:5px 0}.bf-footer-links{display:flex;flex-direction:column;align-items:center;padding:0}.bf-footer-links>a,.bf-footer-links>button{font:bold 13px Arial;color:#1e1e1e;background:none;border:0;padding:0 0 10px;margin:0;cursor:pointer}.bf-footer-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:28px 8px 0}.bf-footer-logos>a{margin:0 7px 27px;display:inline-flex;align-items:center;color:#1e1e1e;text-decoration:none!important;line-height:1}.bf-lg-age{width:32px;height:32px;border:3px solid #e2342f;border-radius:50%;justify-content:center;font:bold 12px Arial}.bf-lg-moody{flex-direction:column;align-items:flex-start!important;font:900 15px/15px Arial;letter-spacing:.3px;padding-left:22px;position:relative;color:#1e1e1e}.bf-lg-moody::before{content:'';position:absolute;left:0;top:3px;width:18px;height:24px;background:radial-gradient(circle at 50% 30%,#f39200 0 6px,transparent 6.5px),radial-gradient(circle at 50% 78%,#e2342f 0 5px,transparent 5.5px)}.bf-lg-moody span:last-child{color:#f39200}.bf-lg-helpline{background:#3f2a83;color:#fff!important;border-radius:6px;padding:4px 8px 4px 4px;gap:6px;height:40px}.bf-lg-helpline>b{display:flex;width:30px;height:30px;border:2px solid #fff;border-radius:50%;align-items:center;justify-content:center;font:900 18px Arial}.bf-lg-helpline>span{display:flex;flex-direction:column;text-align:left}.bf-lg-helpline small{font:7px/9px Arial}.bf-lg-helpline strong{font:bold 14px/16px Arial}.bf-lg-shield{color:#3f2a83!important;width:28px;height:32px}.bf-lg-shield svg{width:26px;height:30px}.bf-lg-aware{font:16px Arial;color:#1e1e1e;letter-spacing:-.2px}.bf-lg-aware b{font-weight:bold}.bf-lg-aware small{font-size:10px;align-self:flex-end;margin-left:1px}.bf-lg-gamstop{font:bold 12px Arial;letter-spacing:.5px;gap:3px}.bf-lg-gamstop b{background:#1b3a7a;color:#fff;padding:3px 4px;border-radius:2px}.bf-lg-gamstop span{color:#1b3a7a;font-weight:900;margin-right:3px}.bf-lg-think{font:900 14px Arial;gap:7px;letter-spacing:.2px}.bf-lg-think i{width:22px;height:22px;border-radius:50%;background:#1e1e1e;position:relative}.bf-lg-think i::before,.bf-lg-think i::after{content:'';position:absolute;top:6px;width:3px;height:10px;background:#fff;left:7px}.bf-lg-think i::after{left:12px}.bf-operator{padding:0 16px 29px;color:#656565;font:12px/1.35 Arial}.bf-operator p{margin:0}.bf-operator a{color:#4eb6ff;font-weight:normal}.bf-operator .bf-parental{color:#1e1e1e;font-weight:bold}.bf-footer-bottom{border-top:1px solid #e1e1e1;margin:0 16px;padding-top:28px}.bf-footer-bottom>.bf-addictive{font-weight:normal;text-decoration:underline;padding:0 0 10px}.bf-footer a:hover,.bf-footer summary:hover{text-decoration:underline}
.bf-dialog{margin:auto;width:min(460px,calc(100% - 20px));max-height:85dvh;border:0;border-radius:2px;background:#f0f1f5;color:#303030;padding:0;box-shadow:0 8px 40px #0006;overflow:auto;font:13px Arial}.bf-dialog::backdrop{background:#0008}.bf-dialog-heading{display:flex;align-items:center;justify-content:space-between;background:#ffb80c;padding:12px;position:sticky;top:0;z-index:2}.bf-dialog-heading h2{font:bold 16px Arial;margin:0}.bf-dialog-heading button{border:0;background:none;font:22px Arial;color:#303030;cursor:pointer}.bf-search-form,.bf-login-form,.bf-dialog-copy{padding:20px}.bf-search-form label{display:block;margin-bottom:12px}.bf-search-form>div,.bf-validation{display:flex;gap:8px}.bf-search-form input{min-width:0;flex:1}.bf-search-form input,.bf-login-form input{height:38px;background:#fff;border:1px solid #aaa;border-radius:2px;padding:8px;color:#303030;font:14px Arial}.bf-search-form button,.bf-primary{background:#ffb80c;border:1px solid #d49a00;border-radius:2px;padding:9px 15px;font:bold 13px Arial;color:#303030;cursor:pointer}.bf-login-form{display:flex;flex-direction:column;gap:9px}.bf-login-form>a{color:#286080;text-align:center;padding:8px}.bf-validation input{flex:1;min-width:0}.bf-validation strong{background:#fff4c8;min-width:80px;text-align:center;padding:10px;font:bold italic 18px Georgia;letter-spacing:3px}.bf-menu-dialog h3{background:#303030;color:#fff;margin:0;padding:10px 12px;font:bold 12px Arial;text-transform:uppercase}.bf-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px}.bf-menu-grid>a,.bf-menu-sports>a{background:white;padding:14px 12px;text-decoration:none;color:#303030;font:12px Arial;display:block}.bf-menu-sports>a{border-bottom:1px solid #e1e6ea}.bf-menu-sports>a>span{float:right}.bf-menu-grid>a:hover,.bf-menu-sports>a:hover{background:#fafafa}.bf-dialog-copy p{line-height:1.7}.bf-dialog [hidden]{display:none}
.bf-info{max-width:800px;margin:15px auto;background:white;padding:24px;color:#303030;font:14px/1.65 Arial}.bf-info h1{font-size:22px;margin:0 0 15px}.bf-info a{color:#286080}.bf-info>nav{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}
.bf-preferences{display:flex;flex-direction:column;gap:15px}.bf-preferences>label{display:flex;gap:10px;align-items:center}.bf-preferences fieldset{border:1px solid #ccc;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.bf-preferences fieldset label{display:flex;gap:6px;align-items:center}.bf-preferences input[type=number]{width:110px;padding:7px;border:1px solid #aaa;background:#fff;color:#303030}.bf-preferences .bf-primary{align-self:flex-start}
@media(min-width:701px){.bf-header{padding-left:20px}.bf-logo{font-size:27px}.bf-logo small{font-size:8px}.bf-download{display:none}.bf-navigation{top:44px;bottom:0;right:auto;width:60px;height:auto;padding:0;flex-direction:column;justify-content:center}.bf-navigation>a,.bf-navigation>button{flex:0 0 80px;width:60px}.bf-navigation .bf-icon{height:20px;width:20px}body:has(.bf-navigation){padding-left:60px;padding-bottom:0}.bf-header{margin-left:-60px}.bf-dialog.bf-menu-dialog{width:560px}}
@media(max-width:360px){.bf-header{padding-left:8px}.bf-header-actions>button,.bf-header-actions>a{padding:0 6px;font-size:11px}.bf-logo{font-size:23px}.bf-brand-arrows{font-size:16px}.bf-responsible strong{font-size:11px;padding:0 6px}.bf-responsible>a:last-child{padding:8px 10px}}
/* Home uses the original supplied CSS; these rules only bridge native PHP markup. */
body.bf-capture{height:auto;overflow:visible;min-height:100vh;background:#e1e6ea;color:#303030;margin:0;font-family:Arial,Helvetica,sans-serif}.bf-capture>main{display:block;min-width:0}.bf-home{min-width:0}.bf-home a{text-decoration:none}.bf-home .ribbon-container{background:#303030;overflow:hidden}.bf-home .ui-ribbon .list{margin:0;padding:0;list-style:none}.bf-home .ui-ribbon .item.icon .link{display:block}.bf-home .bf-section-title{margin:0;background:#303030;height:32px;padding:0 12px;display:flex;align-items:center;color:#fff;font:700 14px Arial}.bf-home .bf-quick-section{margin:0}.bf-home .quick-link-list{display:flex;flex-wrap:wrap}.bf-home .quick-link{width:50%;padding:0 1px 1px 0;box-sizing:border-box}.bf-home .quick-link:nth-of-type(2n){padding-right:0}.bf-home .quick-link-full-width{width:100%}.bf-home .module-margin{margin-top:5px}.bf-banners{position:relative;padding-top:2px;background:#e1e6ea}.bf-banner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;padding:0 6px 10px;scrollbar-width:none}.bf-banner-track::-webkit-scrollbar{display:none}.bf-banner{display:block;flex:0 0 87%;max-width:327px;height:135px;border-radius:8px;box-shadow:0 2px 10px #0004;overflow:hidden;scroll-snap-align:start}.bf-banner img{display:block;width:100%;height:100%;object-fit:cover}.bf-banner-arrow{display:none;position:absolute;top:45%;transform:translateY(-50%);background:#303030cc;color:#fff;border:0;border-radius:2px;width:27px;height:32px;font-size:24px;cursor:pointer}.bf-banner-prev{left:8px}.bf-banner-next{right:8px}.bf-home .bf-next-race,.bf-popular-event{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;background:#fff;color:#303030;border-bottom:1px solid #e1e6ea}.bf-next-race>span:first-child,.bf-event-copy{flex:1;min-width:0}.bf-next-race strong{display:block;font:12px Arial}.bf-next-race small{display:block;color:#7f7f7f;font:11px Arial;margin-top:4px}.bf-next-race>span:nth-child(2){font:11px Arial}.bf-event-copy strong{display:block;font:bold 14px Arial;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-event-copy small{display:block;color:#7f7f7f;font:13px Arial;line-height:1.5}.bf-event-copy em{font-style:normal}.bf-event-copy .bf-live{color:#20a052;font-weight:700}.bf-empty{background:#fff;margin:0;padding:18px 12px;color:#7f7f7f;font:12px Arial}.bf-related-heading{margin:0;padding:12px;background:#fff;color:#303030;font:bold 16px Arial}.bf-related-group summary{padding:12px;background:#fff;margin-top:1px;cursor:pointer;list-style:none;font:12px Arial}.bf-related-group summary:after{content:'+';float:right;font:bold 18px Arial}.bf-related-group[open] summary:after{content:'−'}.bf-related-group>a{border-top:1px solid #e1e6ea}
@media(min-width:701px){.bf-home{padding:10px}.bf-banner-arrow{display:block}.bf-banner{flex-basis:327px}.bf-home .highlights-page{max-width:1200px;margin:auto}.bf-home .ui-ribbon .item.icon{flex:1 0 auto}.bf-home .ribbon-container{margin-bottom:8px}.bf-capture .bf-footer{margin:5px 0 0}}
.bf-home .bf-banner{height:140px}.bf-home .bf-banner img{object-fit:fill}
@media(min-width:701px){.bf-capture .bf-home{padding:10px}}
@media(prefers-reduced-motion:reduce){.bf-banner-track{scroll-behavior:auto}}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #1675af;outline-offset:2px}
/* Log In / Join pages and the header login dialog. */
body.bf-auth-page{background:#fff;padding:0;margin:0;color:#303030}
.bf-auth-bar{position:relative;height:50px;background:#ffb80c;display:flex;align-items:center;justify-content:center}
.bf-auth-bar .bf-logo{margin:0}
.bf-auth-close{position:absolute;right:6px;top:3px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#303030!important;font:30px/1 Arial;text-decoration:none}
.bf-auth{max-width:420px;margin:0 auto;padding:22px 16px 34px;font-family:Arial,Helvetica,sans-serif}
.bf-auth h1{margin:0 0 18px;font:bold 22px Arial;color:#303030}
.bf-auth-form{display:flex;flex-direction:column}
.bf-auth-form label{font:bold 12px Arial;color:#303030;margin:0 0 5px}
.bf-auth-form input{box-sizing:border-box;width:100%;height:44px;border:1px solid #b7b7b7;border-radius:3px;background:#fff;color:#303030;padding:0 12px;font:15px Arial;margin:0 0 14px;outline:0}
.bf-auth-form input:focus{border-color:#303030;box-shadow:0 0 0 1px #303030}
.bf-auth-pass,.bf-auth-code{position:relative;display:flex;gap:8px;margin:0 0 14px}
.bf-auth-pass input,.bf-auth-code input{margin:0}
.bf-auth-pass input{padding-right:64px}
.bf-auth-pass button{position:absolute;right:1px;top:1px;bottom:1px;padding:0 12px;border:0;background:none;color:#1f6fb2;font:bold 13px Arial;cursor:pointer}
.bf-auth-code input{flex:1;min-width:0}
.bf-auth-code strong,.bf-auth-code img{flex:0 0 96px;height:44px;border-radius:3px;background:#303030;color:#fff;display:flex;align-items:center;justify-content:center;font:bold 22px Arial;letter-spacing:4px;object-fit:contain}
.bf-auth-code img{background:#f0f1f5;border:1px solid #d6d6d6;box-sizing:border-box}
.bf-auth-primary{height:46px;margin:6px 0 0;border:1px solid #d19a13;border-radius:3px;background:#ffb80c;color:#303030;font:bold 15px Arial;cursor:pointer}
.bf-auth-primary:hover{background:#ffc53d}
.bf-auth-link{align-self:center;margin:16px 0 0;color:#1f6fb2!important;font:13px Arial;text-decoration:none}
.bf-auth-link:hover{text-decoration:underline}
.bf-auth-sep{display:flex;align-items:center;gap:12px;margin:26px 0 14px;color:#666;font:13px Arial}
.bf-auth-sep::before,.bf-auth-sep::after{content:'';flex:1;border-top:1px solid #d6d6d6}
.bf-auth-secondary{display:flex;align-items:center;justify-content:center;height:46px;border-radius:3px;background:#303030;color:#fff!important;font:bold 15px Arial;text-decoration:none}
.bf-auth-secondary:hover{background:#444}
.bf-auth-error{margin:0 0 14px;padding:10px 12px;border:1px solid #e2342f;border-radius:3px;background:#fdecea;color:#b3261e;font:13px/1.4 Arial}
.bf-auth-referral{margin:0 0 14px;font:13px Arial;color:#303030}
.bf-auth-referral button{border:0;background:none;padding:0;color:#1f6fb2;font:bold 13px Arial;cursor:pointer}
.bf-auth-note{margin:2px 0 12px;color:#666;font:12px/1.5 Arial}
.bf-auth-note a{color:#1f6fb2!important;text-decoration:underline}
.bf-auth-dialog{background:#fff}
.bf-auth-dialog .bf-auth-form{padding:16px 16px 0}
.bf-auth-dialog .bf-auth-sep{margin:20px 16px 12px}
.bf-auth-dialog .bf-auth-secondary{margin:0 16px 18px}
.bf-auth-code img{width:96px;max-width:96px;padding:4px 8px;flex:0 0 96px}
/* Sport pages (sports.php), from the saved reference sport pages: dark title bar, dark section bars, white link rows. */
.bf-sport-page{background:#e6e6e6;font-family:Arial,Helvetica,sans-serif;color:#303030;padding:0}
.bf-sport-title{display:flex;align-items:center;gap:8px;margin:0;height:34px;padding:0 10px;background:#303030;color:#fff;font:bold 14px Arial;border-bottom:1px solid #4a4a4a}
.bf-sport-title>a:first-child{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}
.bf-sport-icon{width:18px;height:18px;fill:#fff;flex-shrink:0}
.bf-sport-refresh{margin-left:auto;display:flex;padding:6px}
.bf-sport-refresh svg{width:18px;height:18px;fill:#fff}
.bf-sport-section{display:flex;align-items:center;height:32px;margin:0;padding:0 12px;background:#303030;color:#fff;font:bold 14px/16px Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-sport-links{list-style:none;margin:0;padding:0;background:#e6e6e6}
.bf-sport-links li+li{padding-top:1px}
.bf-sport-links a{display:flex;align-items:center;min-height:38px;padding:0 26px 0 10px;background:#fff;color:#303030;font:12px Arial;text-decoration:none;position:relative}
.bf-sport-links a::after{content:'';position:absolute;right:12px;top:50%;width:6px;height:6px;margin-top:-4px;border:solid #303030;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
.bf-sport-links a:hover,.bf-sport-links a:active{background:#f6f6f6}
.bf-sport-empty{margin:0;padding:24px 12px;background:#fff;text-align:center;color:#666;font:13px Arial}
.bf-sport-page .match-list{margin:0}
/* Horse Racing race card */
.bf-race-tabs{display:flex;background:#f0f1f5;border-bottom:1px solid #d6d6d6;overflow-x:auto}
.bf-race-tabs a{flex:0 0 auto;padding:12px 12px 10px;color:#303030;font:13px Arial;text-decoration:none;border-bottom:3px solid transparent}
.bf-race-tabs a[aria-current]{background:#fff;font-weight:bold;border-bottom-color:#303030}
.bf-race-strip{display:flex;overflow-x:auto;background:#fff;border-bottom:1px solid #d6d6d6;scrollbar-width:none}
.bf-race-strip::-webkit-scrollbar{display:none}
.bf-race-strip a{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;padding:8px 2px 6px;color:#303030;text-decoration:none;border-bottom:3px solid transparent;font:13px/1.25 Arial}
.bf-race-strip a b{font-size:13px}
.bf-race-strip a span{font-size:13px;color:#303030}
.bf-race-strip a[aria-current]{border-bottom-color:#303030}
.bf-race-strip a[aria-current] span{font-weight:bold}
.bf-race-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;background:#fff;border-bottom:1px solid #e6e6e6}
.bf-race-head h2{margin:0;font:bold 15px Arial;color:#303030}
.bf-race-head p{margin:2px 0 0;font:12px Arial;color:#666}
.bf-race-live{color:#ff7c25;font:bold 11px Arial;letter-spacing:.3px;white-space:nowrap}
.bf-race-cols{display:grid;grid-template-columns:1fr 58px 58px;gap:4px;align-items:end;padding:10px 10px 4px;background:#fff;font:12px Arial}
.bf-race-cols span{font:bold 11px Arial}
.bf-race-cols b{text-align:center;font-weight:normal}
.bf-runners{list-style:none;margin:0;padding:0;background:#fff}
.bf-runners li{display:grid;grid-template-columns:28px 1fr 58px 58px;gap:4px;align-items:center;min-height:50px;padding:4px 10px;border-top:1px solid #e6e6e6}
.bf-runner-no{font:15px Arial;color:#303030;text-align:center}
.bf-runner-name{font:bold 15px Arial;color:#303030;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf-price{display:flex;flex-direction:column;align-items:center;justify-content:center;height:40px;border-radius:2px;color:#303030;text-decoration:none}
.bf-price.back{background:#a6d8ff}.bf-price.lay{background:#fac9d1}
.bf-price b{font:bold 15px/1.1 Arial}
.bf-price small{font:10px Arial}
.bf-runner-status{grid-column:span 2;text-align:center;font:bold 12px Arial;color:#666;background:#f0f1f5;height:40px;line-height:40px;border-radius:2px}
.bf-runners li.suspended .bf-runner-name{color:#999}
.bf-race-all{display:block;padding:12px 10px;background:#fff;border-top:1px solid #e6e6e6;color:#1f6fb2;font:bold 13px Arial;text-align:right;text-decoration:none}
.bf-race-times{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#fff}
.bf-race-times a{min-width:58px;padding:9px 6px;border:1px solid #d6d6d6;border-radius:2px;text-align:center;color:#303030;font:bold 13px Arial;text-decoration:none}
.bf-race-times a.live{border-color:#ff7c25;color:#ff7c25}
/* Match list (templates/sport_coupon.php), from the saved reference coupon (site/Betfair _ betting.html). */
.bf-coupon{background:#e6e6e6;font-family:Arial,Helvetica,sans-serif;--bf-cols:3}
.bf-coupon.two-way{--bf-cols:2}
.bf-coupon-head{display:flex;align-items:center;height:27px;padding:0 10px;background:#fff;border-bottom:1px solid #e1e6ea}
.bf-coupon-head span{flex:1}
.bf-coupon-head b{width:53px;margin-left:5px;text-align:center;font:bold 11px Arial;color:#303030}
.bf-coupon-comp{display:flex;align-items:center;height:38px;margin:5px 0 1px;padding:0 26px 0 10px;background:#fff;color:#303030!important;font:12px Arial;text-decoration:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-coupon-head+.bf-coupon-comp{margin-top:0}
a.bf-coupon-comp::after{content:'';position:absolute;right:12px;top:50%;width:6px;height:6px;margin-top:-4px;border:solid #303030;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
.bf-sport-page .bf-coupon .match-row.bf-event{display:flex;align-items:stretch;grid-template-columns:none;gap:0;min-height:52px;margin:0 0 1px;padding:0 10px 0 0;background:#fff;border:0;color:#303030}
.bf-event-info{display:flex;align-items:stretch;flex:1;min-width:0;color:#303030!important;text-decoration:none}
.bf-event-time{flex:0 0 42px;display:flex;align-items:center;justify-content:center;text-align:center}
.bf-sport-page .bf-event-time .match-status{margin:0;font:11px/13px Arial;color:#303030;display:flex;flex-direction:column}
.bf-sport-page .bf-event-time .match-status small{font-size:10px;color:#7f7f7f}
.bf-event.live .bf-event-time{background:#20a052}
.bf-sport-page .bf-event.live .bf-event-time .match-status{color:#fff;font:bold 10px/13px Arial;padding:0 2px}
.bf-event-score{flex:0 0 17px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:#20a052;color:#fff;font:bold 12px Arial;border-left:1px solid rgba(255,255,255,.35)}
.bf-event-score[hidden]{display:none}
.bf-event-names{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:6px 8px;font:12px/16px Arial}
.bf-event-names span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-event-prices{flex:0 0 auto;width:calc(var(--bf-cols) * 58px);display:flex;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.bf-event-prices::-webkit-scrollbar{display:none}
.bf-bet{flex:0 0 53px;height:40px;margin-left:5px;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#303030!important;text-decoration:none;overflow:hidden}
.bf-bet.back{background:#a6d8ff}.bf-bet.lay{background:#fac9d1}
.bf-bet.back.empty{background:#e7eff5}.bf-bet.lay.empty{background:#f4e7e9}
.bf-bet:nth-child(1),.bf-coupon:not(.two-way) .bf-bet:nth-child(4),.bf-coupon.two-way .bf-bet:nth-child(3){scroll-snap-align:start}
.bf-bet b{font:bold 13px/15px Arial}
.bf-bet small{font:10px/12px Arial;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf-bet small:empty{display:none}
.bf-sport-page .inplay-tabs+.bf-coupon .bf-sport-section{margin-top:0}
.bf-bet{scroll-margin-left:5px}
/* My Bets (public/my-bets.php), from the reference's mobile My Bets: Open / Settled tabs, bet cards, "no bets" picture. */
.bf-mybets{background:#f2f2f2;min-height:60vh;padding:0 0 24px;color:#303030;font-family:'Open Sans',Arial,Helvetica,sans-serif}
.bf-mybets h1{margin:0;padding:22px 12px 16px;font:bold 20px Arial,Helvetica,sans-serif;color:#303030}
.bf-mybets-tabs{display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 0 12px;background:linear-gradient(#f2f2f2,#e2e2e2);border-bottom:1px solid #d6d6d6}
.bf-mybets-tabs nav{display:flex}
.bf-mybets-tabs nav a{padding:12px 6px 10px;margin-right:2px;color:#303030;font:bold 15px Arial;text-decoration:none;border-top:3px solid transparent}
.bf-mybets-tabs nav a[aria-current]{background:#fff;border-top-color:#303030;padding-left:10px;padding-right:10px}
.bf-mybets-help{display:flex;align-items:center;gap:6px;margin:0 10px 11px 0;color:#1f6fb2;font:14px Arial;text-decoration:none}
.bf-mybets-help svg{width:19px;height:19px}
.bf-mybets-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 20px 10px}
.bf-mybets-art{width:min(290px,86vw)}
.bf-mybets-art svg{display:block;width:100%;height:auto}
.bf-mybets-empty h2{margin:20px 0 8px;font:bold 16px Arial;color:#303030}
.bf-mybets-empty p{margin:0 0 30px;max-width:320px;font:13px/1.45 Arial;color:#555}
.bf-mybets-empty p a{color:#1f6fb2}
.bf-mybets-home{color:#1f6fb2!important;font:13px Arial;text-decoration:none}
.bf-mybets-list{list-style:none;margin:12px 0 0;padding:0 10px;display:flex;flex-direction:column;gap:10px}
.bf-bet-card{background:#fff;border-radius:4px;border-left:4px solid #a6d8ff;box-shadow:0 1px 2px rgba(0,0,0,.08);overflow:hidden}
.bf-bet-card.lay{border-left-color:#fac9d1}
.bf-bet-card header{display:flex;justify-content:space-between;gap:10px;padding:10px 12px 4px}
.bf-bet-card header a{display:flex;flex-direction:column;min-width:0;color:#303030;text-decoration:none}
.bf-bet-card header b{font:bold 14px Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-bet-card header small{font:12px Arial;color:#666}
.bf-bet-status{flex-shrink:0;align-self:flex-start;padding:2px 7px;border-radius:2px;background:#e6e6e6;font:bold 11px Arial;color:#303030}
.bf-bet-status.s-matched,.bf-bet-status.s-won{background:#20a052;color:#fff}
.bf-bet-status.s-lost{background:#e2342f;color:#fff}
.bf-bet-sel{display:flex;align-items:center;gap:8px;margin:4px 12px 8px;font:14px Arial}
.bf-side{padding:2px 8px;border-radius:2px;font:bold 12px Arial;color:#303030}
.bf-side.back{background:#a6d8ff}.bf-side.lay{background:#fac9d1}
.bf-bet-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:8px 12px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.bf-bet-card dl div{display:flex;flex-direction:column}
.bf-bet-card dt{font:11px Arial;color:#777}
.bf-bet-card dd{margin:2px 0 0;font:bold 14px Arial}
.bf-bet-card dd.pos{color:#20a052}.bf-bet-card dd.neg{color:#e2342f}
.bf-bet-card footer{display:flex;justify-content:space-between;padding:7px 12px;font:11px Arial;color:#777}
.bf-mybets-more{margin:16px 12px 0;text-align:center}
.bf-mybets-more a{color:#1f6fb2;font:13px Arial;text-decoration:none}
/* Cash Out (exchange-info.php?section=cash-out), from the reference's Cash Out page. */
.bf-cashout-page{background:#e6e6e6}
.bf-cashout-page .bf-sport-title span{flex:1}
.bf-cashout-none{margin:0;padding:34px 12px;background:#fff;text-align:center;font:13px Arial;color:#303030}
.bf-cashout-multi{margin-top:10px}
.bf-cashout-multi a{font:bold 14px Arial;min-height:46px}
/* My Bets, classic layout (2026-11-04): dark title bar, three grey tabs, plain white "no bets" box. */
.bf-mybets.bf-sport-page{background:#e6e6e6;min-height:0;padding:0}
.bf-mybets h1.bf-sport-title{padding:0 10px;font:bold 14px Arial}
.bf-mybets h1.bf-sport-title span{flex:1}
.bf-mybets h1.bf-sport-title .bf-icon{width:16px;height:16px;fill:#fff}
.bf-mybets nav.bf-mybets-tabs{display:flex;align-items:stretch;padding:0;background:#e6e6e6;border:0}
.bf-mybets nav.bf-mybets-tabs a{flex:1;margin:0;padding:11px 4px 10px;text-align:center;border:0;border-bottom:1px solid #d6d6d6;background:#e6e6e6;color:#303030;font:12px Arial;text-decoration:none}
.bf-mybets nav.bf-mybets-tabs a[aria-current]{background:#fff;border-bottom-color:#fff;padding-left:4px;padding-right:4px}
.bf-mybets-none{margin:0;padding:38px 12px;background:#fff;text-align:center;font:13px Arial;color:#303030}
.bf-mybets .bf-mybets-more{margin:0;padding:12px;background:#fff;border-top:1px solid #eee}
.bf-mybets .bf-mybets-list{margin:0;padding:10px}
.bf-mybets h1.bf-sport-title{color:#fff}
/* Logged-in header (reference): Search, balance and My Bets as square dark buttons, icon above the label. */
.bf-header-squares{gap:3px}
.bf-header-squares>button,.bf-header-squares .bf-account>summary,.bf-header-squares>.bf-header-square{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:40px;height:36px;padding:2px 5px;background:#303030;border:0;border-radius:2px;color:#fff;font:bold 10px/11px Arial;text-decoration:none;cursor:pointer;white-space:nowrap}
.bf-header-squares .bf-icon{width:15px;height:15px;fill:#fff}
.bf-header-squares .bf-account summary{max-width:none}
.bf-account-name{display:block;padding:10px 12px;background:#f0f1f5;font:bold 12px Arial;color:#303030;border-bottom:1px solid #e1e6ea}
/* Menu panel (reference_dialogs.php #bf-menu-dialog), from the reference's dark full-screen menu. */
.bf-menu-panel{position:fixed;inset:var(--bf-menu-top,44px) 0 calc(45px + env(safe-area-inset-bottom,0px)) 0;z-index:48;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#222;color:#fff;overflow-y:auto;overscroll-behavior:contain;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.bf-menu-panel *{box-sizing:border-box}
.bf-menu-panel h3{margin:0;padding:5px 8px;background:#000;color:#fff;text-align:center;text-transform:uppercase;font:bold 12px/14px Arial;letter-spacing:.2px}
.bf-menu-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#111}
.bf-menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-height:82px;padding:10px 2px 9px;background:#222;color:#fff!important;text-decoration:none;text-align:center;font:bold 11px/13px Arial}
.bf-menu-tile svg{width:34px;height:34px;fill:#5a5a5a;color:#5a5a5a}
.bf-menu-tile.inplay svg{color:#2bb24c;fill:#2bb24c}
.bf-menu-tile:hover,.bf-menu-tile:active{background:#2c2c2c}
.bf-menu-apps{display:flex;overflow-x:auto;background:#222;scrollbar-width:thin;scrollbar-color:#8a8a8a #222}
.bf-menu-apps::-webkit-scrollbar{height:4px}.bf-menu-apps::-webkit-scrollbar-thumb{background:#8a8a8a}
.bf-menu-tile.app{flex:0 0 88px;min-height:92px;justify-content:center}
.bf-menu-tile.app img{width:48px;height:48px;border-radius:10px;display:block}
.bf-menu-list{display:flex;flex-direction:column;background:#222}
.bf-menu-list a{padding:11px 10px;border-bottom:1px solid #333;color:#fff!important;text-decoration:none;font:bold 14px/16px Arial}
.bf-menu-list a:hover{background:#2c2c2c}
.bf-navigation>button[aria-expanded=true]{background:#222;color:#fff}
@media(min-width:701px){.bf-menu-panel{left:60px;bottom:0;max-width:520px}}
/* Inline bet slip of the match lists (public/js/bf-slip.js), from the reference: blue for Back, pink for Lay. */
.bf-bet{border:0;padding:0;font-family:Arial,Helvetica,sans-serif;cursor:pointer}
.bf-bet.active.back{background:#7fb8e0}.bf-bet.active.lay{background:#e3a5b0}
.bf-slip{background:#dbeefd;padding:10px 10px 0;font-family:Arial,Helvetica,sans-serif;color:#303030;border-bottom:1px solid #c5d7e6}
.bf-slip.lay{background:#fbe3e7;border-bottom-color:#ecc6cd}
.bf-slip-title{margin:0 0 10px;font:13px/1.35 Arial}
.bf-slip-title b{font-weight:bold}
.bf-slip-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bf-step{display:flex;height:40px;border-radius:2px;overflow:hidden;background:#fff}
.bf-step button{flex:0 0 36px;border:0;background:#d6d6d6;color:#303030;font:bold 20px/1 Arial;cursor:pointer}
.bf-step input{flex:1;min-width:0;border:0;text-align:center;font:bold 14px Arial;color:#303030;background:#fff;outline:0}
.bf-step.on input{background:#fffbe6}
.bf-step input::placeholder{color:#9a9a9a;font-weight:normal}
.bf-slip-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.bf-slip-actions button{height:36px;border:0;border-radius:2px;font:bold 13px Arial;cursor:pointer}
.bf-slip-cancel{background:#d6d6d6;color:#303030}
.bf-slip-place{background:#ffb80c;color:#303030}
.bf-slip-place:disabled{background:#fde09a;color:#b7a77a;cursor:default}
.bf-slip-msg{margin:0 0 8px;font:12px/1.35 Arial;min-height:0}
.bf-slip-msg:empty{display:none}
.bf-slip-msg.ok{color:#1b7f3a;font-weight:bold}.bf-slip-msg.error{color:#c0271f;font-weight:bold}
.bf-slip-quick{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -10px;border-top:1px solid #c9c9c9}
.bf-slip-quick button{height:34px;border:0;border-right:1px solid #c9c9c9;background:#e6e6e6;color:#303030;font:13px Arial;cursor:pointer}
.bf-slip-quick button:last-child{border-right:0}
.bf-slip-keys{display:grid;grid-template-columns:repeat(6,1fr) 46px;grid-template-rows:repeat(2,38px);margin:0 -10px;background:#fff;border-top:1px solid #c9c9c9}
.bf-slip-keys button{border:0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fff;color:#303030;font:14px Arial;cursor:pointer}
.bf-slip-keys .bf-key-del{grid-column:7;grid-row:1/3;border-right:0;display:flex;align-items:center;justify-content:center}
.bf-slip-keys .bf-key-del svg{width:22px;height:22px;fill:#303030}
.bf-slip-keys button:active,.bf-slip-quick button:active,.bf-step button:active{background:#c4c4c4}
/* Promotions (exchange-info.php?section=promotions), from the reference's Promotions hub. */
body.bf-promo-page{background:#fff}
.bf-promo-bar{display:flex;align-items:center;gap:8px;height:42px;padding:0 4px 0 14px;background:#ffb80c;color:#1e1e1e;font-family:Arial,Helvetica,sans-serif}
.bf-promo-bar h1{flex:1;margin:0;font:bold 15px Arial}
.bf-promo-balance{padding:8px 6px;background:#e5a40a;border-radius:2px;font:bold 11px Arial}
.bf-promo-close{display:flex;width:36px;height:36px;align-items:center;justify-content:center;color:#1e1e1e!important;font:bold 30px/1 Arial;text-decoration:none}
.bf-promo{padding:16px 15px 72px;background:linear-gradient(#fff 0,#fff 72%,#e9e9e9 72%,#dcdcdc 100%)}
.bf-promo-bonuses{display:flex;align-items:center;justify-content:center;height:34px;margin-bottom:14px;border:1px solid #e09500;border-radius:2px;background:linear-gradient(#ffc44d,#f7a313);color:#1e1e1e!important;font:bold 13px Arial;text-decoration:none}
.bf-promo-card{position:relative;overflow:hidden;padding:56px 22px 36px;border-radius:3px;text-align:center;background:#ff9a00;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.bf-promo-card::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 34px,transparent 34px 68px),repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 34px,transparent 34px 68px);pointer-events:none}
.bf-promo-card p{position:relative;margin:0 0 34px;font:600 17px/1.35 'Open Sans',Arial,sans-serif;color:#1e1e1e}
.bf-promo-card a{position:relative;display:flex;align-items:center;justify-content:center;height:30px;border-radius:2px;background:linear-gradient(#3a3a3a,#1e1e1e);color:#fff!important;font:bold 13px Arial;text-decoration:none}
/* Match page (event.php) in the reference market-page look, phones. The markets are still drawn by app.js. */
@media(max-width:700px){
.event-page.fm{background:#e6e6e6;font-family:Arial,Helvetica,sans-serif}
.event-page .fm-title{height:auto;min-height:46px;padding:6px 6px 6px 10px;background:#303030;gap:6px}
.event-page .fm-title .bf-ev-name{order:-1;flex:1;min-width:0;display:flex;flex-direction:column;font:bold 15px/1.2 Arial;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-page .fm-title .bf-ev-name small{font:12px/1.3 Arial;color:#cfcfcf}
.event-page .fm-title .fm-status{order:1;font-size:11px}
.event-page .fm-title .bf-ev-refresh{order:2;display:flex;padding:6px}
.event-page .fm-title .bf-ev-refresh svg{width:20px;height:20px;fill:#fff}
.event-page .fm-title .fm-pin{order:3;background:none;border:0}
.event-page .fm-pills{height:auto;gap:0;padding:0;background:#e6e6e6;border-bottom:1px solid #d6d6d6}
.event-page .fm-pills button{flex:1 0 auto;height:auto;margin:0;padding:11px 12px 10px;border:0;border-radius:0;background:#e6e6e6;color:#303030;font:12px Arial;box-shadow:none}
.event-page .fm-pills button.active{background:#fff;color:#303030;font-weight:normal}
.bf-ev-tools{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#fff;border-bottom:1px solid #e6e6e6}
.bf-ev-info{display:flex;color:#303030}.bf-ev-info svg{width:20px;height:20px}
.bf-ev-openbets{padding:6px 10px;border-radius:2px;background:#e6e6e6;color:#303030!important;font:12px Arial;text-decoration:none}
.event-page .dk-mo-title{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:#303030;border:0;color:#fff}
.event-page .dk-mo-title b{flex:1;font:bold 14px Arial;color:#fff}
.event-page .dk-mo-title .dk-pin{width:18px;height:18px;padding:0;border:0;background:none;color:#fff;filter:brightness(0) invert(1)}
.event-page .dk-mo-title .dk-mo-live,.event-page .dk-mo-title .dk-mo-matched,.event-page .dk-mo-info{display:none}
.event-page .fm-mo-head{grid-template-columns:minmax(0,1fr) 56px 56px!important;min-height:30px;padding:0 10px;background:#fff;border-bottom:1px solid #e6e6e6;align-items:center}
.event-page .fm-mo-head .fm-mo-mm,.event-page .fm-mo-head .fm-mo-tri{display:none}
.event-page .fm-mo-head .fm-matched{justify-self:start;padding:0;border:0;background:none;color:#303030;font:bold 11px Arial}
.event-page .fm-mo-head .fm-matched span{display:inline;color:#303030}
.event-page .fm-mo-head>b{text-align:center;font:12px Arial;color:#303030}
.event-page .fm-row{background:#fff;border-bottom:1px solid #e6e6e6;min-height:50px}
.event-page .fm-row>strong{font:bold 14px Arial;color:#303030;padding-left:10px}
.event-page .fm-row .odd{border-radius:2px}
.event-page .fm-row .odd.back{background:#a6d8ff}.event-page .fm-row .odd.lay{background:#fac9d1}
.event-page .fm-row .odd b{font:bold 15px/1.1 Arial;color:#303030}
.event-page .fm-row .odd small{font:10px Arial;color:#303030}
.event-page .fm-sb-tabs{background:#303030;border:0}
.event-page .fm-sb-tab,.event-page .fm-sb-tab.premium.active{background:#303030;color:#fff;border:0;box-shadow:none}
.event-page .fm-sb-tab span{color:#fff;font:bold 14px Arial}
.event-page .fm-sb-filter{background:#e6e6e6;border-bottom:1px solid #d6d6d6}
.event-page .fm-sb-filter button{background:#e6e6e6;color:#303030;border:0;border-radius:0;font:12px Arial}
.event-page .fm-sb-filter button.active{background:#fff;color:#303030}
.event-page .fm-bar{background:#303030;color:#fff;border:0}
.event-page .fm-bar b{color:#fff;font:bold 14px Arial}
.event-page .fm-pm-row .odd.back,.event-page .fm-pm-row .odd{background:#a6d8ff;color:#303030}
.bf-ev-rotate{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 10px;background:#fff;border-top:1px solid #e6e6e6;font:12px Arial;color:#303030}
.bf-ev-rotate svg{width:26px;height:26px;color:#303030}
.event-page~.fm-slip,#bet-slip.fm-slip{background:#dbeefd}
#bet-slip.fm-slip.lay{background:#fbe3e7}
#bet-slip .fm-slip-place{background:#ffb80c;color:#303030;border:0}
#bet-slip .fm-slip-place:disabled{background:#fde09a;color:#b7a77a}
#bet-slip .fm-slip-cancel{background:#d6d6d6;color:#303030;border:0}
}
@media(min-width:701px){.bf-ev-rotate,.event-page .fm-title .bf-ev-name small{display:none}}
@media(max-width:700px){
html body .event-page.fm .fm-title{background:#303030!important}
html body .event-page.fm .fm-pills{background:#e6e6e6!important;height:auto!important;padding:0!important;gap:0!important}
html body .event-page.fm .fm-pills button{flex:1 0 auto;height:38px!important;padding:0 12px!important;border-radius:0!important;background:#e6e6e6!important;color:#303030!important;font:12px Arial!important}
html body .event-page.fm .fm-pills button.active{background:#fff!important;color:#303030!important}
html body .event-page.fm .fm-sb-tabs,html body .event-page.fm .fm-sb-tabs *{background:#303030!important;color:#fff!important;clip-path:none!important}
html body .event-page.fm .fm-sb-tabs .fm-min{background:#4a4a4a!important;border-radius:2px}
html body .event-page.fm .fm-sb-filter,html body .event-page.fm .fm-sb-filter .dk-fpanel{background:#e6e6e6!important}
html body .event-page.fm .fm-sb-filter button{background:#e6e6e6!important;color:#303030!important;border-radius:0!important;border:0!important;font:12px Arial!important}
html body .event-page.fm .fm-sb-filter button.active{background:#fff!important}
html body .event-page.fm .fm-bar{background:#303030!important}
html body .event-page.fm .fm-bar-pin,html body .event-page.fm .fm-fold{filter:brightness(0) invert(1)}
html body .event-page.fm .fm-pm-row .odd{background:#a6d8ff!important;color:#303030!important;border-radius:2px;margin:5px 10px 5px 0}
html body .event-page.fm .fm-pm-row .odd.empty,html body .event-page.fm .fm-pm-row .odd:disabled{background:#e7eff5!important}
}
/* Settings (preferences.php), from the reference's Settings pages. */
.bf-settings{background:#e6e6e6;padding-bottom:0}
.bf-settings h1.bf-sport-title{color:#fff}
.bf-settings h1.bf-sport-title span{flex:1}
.bf-settings h1.bf-sport-title .bf-icon{width:18px;height:18px;fill:#fff}
.bf-set-back{display:flex;color:#fff}.bf-set-back .bf-icon{width:14px;height:14px;fill:#fff}
.bf-set-list a{font-size:12px}
.bf-new{display:inline-block;margin-right:7px;padding:2px 6px;border-radius:9px;background:#303030;color:#fff;font:bold 10px Arial}
.bf-set-version{margin:0;padding:18px 10px 22px;text-align:center;font:12px Arial;color:#666;background:#e6e6e6}
.bf-set-row{background:#fff;border-bottom:1px solid #e6e6e6}
.bf-set-toggle label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:6px 10px;font:12px Arial;color:#303030;cursor:pointer}
.bf-set-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.bf-set-toggle i{flex:0 0 34px;height:20px;border-radius:10px;background:#d6d6d6;position:relative;transition:background .15s}
.bf-set-toggle i::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.bf-set-toggle input:checked+i{background:#1b9b4b}
.bf-set-toggle input:checked+i::after{left:16px}
.bf-set-toggle input:focus-visible+i{outline:2px solid #1f6fb2;outline-offset:2px}
.bf-set-toggle p{margin:-4px 10px 0;padding-bottom:12px;font:11px/1.45 Arial;color:#666}
.bf-set-langs{list-style:none;margin:0;padding:0;background:#fff}
.bf-set-langs li{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 10px;border-bottom:1px solid #e6e6e6;font:12px Arial;color:#303030}
.bf-set-langs svg{width:22px;height:22px;fill:#303030}
.bf-set-note{margin:0;padding:8px 10px;text-align:center;font:11px Arial;color:#666;background:#e6e6e6}
.bf-set-stakes{background:#fff;padding:10px 10px 12px}
.bf-set-stakes h2{margin:0 0 10px;font:bold 12px Arial;color:#303030}
.bf-set-stakes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.bf-set-stakes label{position:relative;height:30px}
.bf-set-stakes input{position:absolute;inset:0;width:100%;border:1px solid transparent;border-radius:2px;background:#e6e6e6;color:transparent;text-align:center;font:13px Arial;caret-color:#303030;outline:0}
.bf-set-stakes b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:normal 13px Arial;color:#666;pointer-events:none}
.bf-set-stakes label.editing input{background:#fff;border-color:#303030;color:#303030}
.bf-set-stakes label.editing b{display:none}
.bf-set-status{margin:0;padding:6px 10px;text-align:center;font:12px Arial;background:#e6e6e6}
.bf-set-status:empty{display:none}
.bf-set-status.ok{color:#1b7f3a}.bf-set-status.error{color:#c0271f}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:700px){html body .event-page.fm .fm-bar-pin,html body .event-page.fm .fm-fold{filter:none}html body .event-page.fm .fm-bar-pin{opacity:.85}}
/* Search panel (reference): dark bar with a white box and Cancel under the header, the page dimmed below. */
.bf-search-panel{position:fixed;inset:var(--bf-search-top,44px) 0 0 0;z-index:49;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.55);color:#303030;overflow-y:auto;font-family:Arial,Helvetica,sans-serif}
.bf-search-panel *{box-sizing:border-box}
.bf-search-bar{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;background:#303030}
.bf-search-box{flex:1;display:flex;align-items:center;gap:7px;height:28px;padding:0 8px;border-radius:2px;background:#fff}
.bf-search-box svg{width:12px;height:12px;fill:#666;flex-shrink:0}
.bf-search-box input{flex:1;min-width:0;height:100%;border:0;outline:0;font:13px Arial;color:#303030;background:none;-webkit-appearance:none}
.bf-search-cancel{padding:4px 2px;border:0;background:none;color:#fff;font:12px Arial;cursor:pointer}
.bf-search-results{list-style:none;margin:0;padding:0;background:#fff}
.bf-search-results:empty{display:none}
.bf-search-results a{display:flex;flex-direction:column;padding:9px 10px;border-bottom:1px solid #e6e6e6;color:#303030;text-decoration:none}
.bf-search-results small{font:11px Arial;color:#1f6fb2}
.bf-search-results a.live small{color:#20a052}
.bf-search-results b{font:bold 13px Arial}
.bf-search-all a{color:#1f6fb2;font:bold 12px Arial;text-align:center}
.bf-search-none{padding:14px 10px;font:12px Arial;color:#666;text-align:center}
@media(min-width:701px){.bf-search-panel{left:60px}}
/* My Markets (multi-markets.php) and the match page bookmark star. */
.bf-mymarkets h1.bf-sport-title .bf-icon{width:16px;height:16px;fill:#fff}
.bf-mymarkets-list{list-style:none;margin:0;padding:0;background:#fff}
.bf-mymarkets-list a{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 26px 8px 10px;border-bottom:1px solid #e6e6e6;color:#303030;text-decoration:none;font:12px Arial;position:relative}
.bf-mymarkets-list a::after{content:'';position:absolute;right:12px;top:50%;width:6px;height:6px;margin-top:-4px;border:solid #303030;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
.bf-mm-sport{flex-shrink:0;color:#1f6fb2}
.bf-mm-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){html body .event-page.fm .fm-title .fm-pin{border:0;padding:6px;height:auto;filter:none;opacity:1;display:flex}
html body .event-page.fm .fm-title .fm-pin svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.6}
html body .event-page.fm .fm-title .fm-pin.pinned svg{fill:#ffb80c;stroke:#ffb80c}}
@media(max-width:700px){html body .event-page.fm .fm-title .fm-pin,html body .event-page.fm .fm-title .fm-pin.pinned{background:none!important;border-radius:0!important;box-shadow:none!important;width:auto!important}}
@media(max-width:700px){html body .event-page.fm .fm-title .fm-pin svg,html body .event-page.fm .fm-title .fm-pin.pinned svg{background:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}}
/* My Account (my-account.php), from the reference. */
body.bf-acct-page,body.bf-tx-page{background:#fff}
.bf-acct-bar h1{text-align:center;padding-left:36px}
.bf-acct{font-family:Arial,Helvetica,sans-serif;color:#303030;background:#fff}
.bf-acct-pay{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 8px 10px;background:#fff}
.bf-acct-pay a{display:flex;align-items:center;justify-content:center;height:30px;border:1px solid #e09500;border-radius:2px;background:linear-gradient(#ffc44d,#f7a313);color:#1e1e1e;font:bold 11px Arial;text-decoration:none}
.bf-acct-cash{padding:14px 15px 16px;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #e6e6e6}
.bf-acct-cash p{margin:0 0 6px;font:14px Arial}
.bf-acct-cash>b{display:block;font:bold 21px Arial;margin-bottom:12px}
.bf-acct-cash dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:10px;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.bf-acct-cash dt{font:11px Arial;color:#666}.bf-acct-cash dd{margin:2px 0 0;font:bold 13px Arial}
.bf-acct h2{margin:0;padding:9px 15px;background:#ededed;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font:11px Arial;color:#666}
.bf-acct ul{list-style:none;margin:0;padding:0}
.bf-acct li a{display:block;padding:11px 30px 11px 15px;border-bottom:1px solid #eee;color:#1e1e1e;text-decoration:none;font:15px Arial;position:relative}
.bf-acct li a::after{content:"";position:absolute;right:15px;top:50%;width:5px;height:5px;margin-top:-3px;border:solid #9a9a9a;border-width:1.2px 1.2px 0 0;transform:rotate(45deg)}
.bf-acct-foot{padding:14px 15px 24px;text-align:center}
.bf-acct-foot p{margin:0 0 12px;font:12px Arial}
.bf-acct-foot button{width:100%;height:30px;border:1px solid #b5b5b5;border-radius:2px;background:linear-gradient(#e6e6e6,#c9c9c9);font:bold 11px Arial;color:#303030;cursor:pointer}
.bf-acct-foot a{display:inline-block;margin-top:12px;color:#1f6fb2;font:14px Arial;text-decoration:none}
/* Deposit / Withdraw (templates/bf_pay_page.php + payment_page.php in "bf" mode). */
body.bf-pay-page{background:#fff;margin:0}
.bf-pay{font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#1e1e1e;min-height:100vh;display:flex;flex-direction:column}
.bf-pay-top{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px}
.bf-pay-back{display:flex;color:#1e1e1e}.bf-pay-back .bf-icon{width:14px;height:14px;fill:#1e1e1e}
.bf-pay-top b{font:bold 12px Arial}
.bf-pay-title{margin:8px 0 14px;padding:0 12px;font:bold 22px "Open Sans",Arial,sans-serif}
.bf-pay-tabs{display:flex;padding:0 12px;background:linear-gradient(#fff,#ececec);border-bottom:1px solid #ddd}
.bf-pay-tabs a{padding:12px 13px 10px;color:#888;font:bold 14px Arial;text-decoration:none;border-top:2px solid transparent;border-radius:6px 6px 0 0}
.bf-pay-tabs a[aria-current]{background:#fff;color:#1e1e1e;border-top-color:#ffb80c}
.bf-pay-flash{margin:0;padding:10px 12px;background:#e6f4ea;color:#1b7f3a;font:bold 13px Arial}
.bf-pay-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 50px 24px;scrollbar-width:none}
.bf-pay-cards::-webkit-scrollbar{display:none}
.bf-pay-card{flex:0 0 240px;height:150px;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 20px;border-radius:10px;background:linear-gradient(135deg,#4a4a4a,#2c2c2c);color:#fff!important;text-decoration:none;position:relative;overflow:hidden}
.bf-pay-card:nth-child(even){background:linear-gradient(135deg,#e09b00,#ffb80c);color:#1e1e1e!important}
.bf-pay-card span{font:22px "Open Sans",Arial,sans-serif}
.bf-pay-card img{width:56px;height:30px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}
.bf-pay-card small{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:bold 11px Arial}
.bf-pay-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:90px 24px 30px;color:#666}
.bf-pay-empty>span{display:flex;width:84px;height:84px;align-items:center;justify-content:center;border-radius:50%;background:#e6e6e6;color:#777;margin-bottom:14px}
.bf-pay-empty svg{width:46px;height:46px}
.bf-pay-empty b{font:bold 16px "Open Sans",Arial,sans-serif;color:#555}
.bf-pay-empty p{margin:6px 0 0;font:12px/1.45 Arial;color:#777}
.bf-pay-bottom{display:flex;align-items:center;justify-content:center;height:42px;margin:auto 12px 14px;border:1px solid #303030;border-radius:3px;background:#fff;color:#1e1e1e!important;font:bold 14px Arial;text-decoration:none}
.bf-pay-bottom.yellow{border-color:#ffb80c;background:#ffb80c}
.bf-pay-requests{list-style:none;margin:12px;padding:0}
.bf-pay-requests li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;margin-bottom:8px;border:1px solid #e6e6e6;border-radius:4px}
.bf-pay-requests b{font:bold 14px Arial}.bf-pay-requests span{font:bold 14px Arial;text-align:right}
.bf-pay-requests small{font:11px Arial;color:#777}.bf-pay-requests em{font:bold 11px Arial;color:#e09500;font-style:normal;text-align:right}
.bf-pay .pay-page{max-width:none;margin:0;padding:0;background:#fff}
.bf-pay .pay-card{margin:12px;padding:0;border:0;box-shadow:none;background:#fff}
.bf-pay .pay-note{font:11px/1.45 Arial;color:#666}
.bf-pay-info{display:flex;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:4px;background:#d9e8f6;color:#1e1e1e;font:13px/1.4 "Open Sans",Arial,sans-serif}
.bf-pay-info svg{flex:0 0 18px;height:18px;color:#1f6fb2;margin-top:1px}
.bf-pay .pay-methods{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid #e6e6e6;flex-wrap:nowrap}
.bf-pay .pay-method{flex:0 0 92px}
.bf-pay .pay-method-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;border:1px solid #cfcfcf;border-radius:2px;background:#fff;position:relative}
.bf-pay .pay-method-box img{max-width:64px;height:24px;object-fit:contain}
.bf-pay .pay-method-box b{font:bold 10px Arial;color:#1e1e1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:86px}
.bf-pay .pay-method input:checked+.pay-method-box{border:2px solid #ffb80c;background:#fffaf0}
.bf-pay .pay-method input:checked+.pay-method-box::after{content:"";position:absolute;bottom:-9px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#ffb80c;border-bottom:0}
.bf-pay .pay-details{margin:12px 0;padding:10px 12px;border:1px solid #e6e6e6;border-radius:4px;background:#fafafa;font:13px Arial}
.bf-pay .pay-details-title{font:bold 13px Arial}
.bf-pay .pay-field span,.bf-pay .pay-label{font:bold 13px Arial;color:#1e1e1e}
.bf-pay .pay-field input,.bf-pay input.pay-dark,.bf-pay .pay-field select{height:40px;border:1px solid #b9cf8b;border-radius:2px;background:#f7faf3;color:#1e1e1e;font:15px Arial;padding:0 10px}
.bf-pay-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
.bf-pay-quick button{height:30px;border:1px solid #aaa;border-radius:2px;background:linear-gradient(#f1f1f1,#cfcfcf);font:bold 12px Arial;color:#303030;cursor:pointer}
.bf-pay .pay-submit{width:100%;height:34px;margin-top:12px;border:0;border-radius:2px;background:#ffc017;color:#1e1e1e;font:bold 13px Arial;box-shadow:none}
.bf-pay .pay-red{color:#c0271f;font:11px Arial}
/* My Transactions (transactions.php). */
.bf-tx-bar{gap:6px;padding-left:6px}
.bf-tx-bar h1{font-size:16px}
.bf-tx-back{display:flex;padding:6px}.bf-tx-back .bf-icon{width:16px;height:16px;fill:#1e1e1e}
.bf-tx-balance{display:flex;flex-direction:column;align-items:center;justify-content:center;width:36px;height:34px;border-radius:2px;background:#303030;color:#fff!important;font:bold 9px Arial;text-decoration:none}
.bf-tx-balance .bf-icon{width:13px;height:13px;fill:#fff}
.bf-tx{padding:10px;font-family:Arial,Helvetica,sans-serif;color:#303030}
.bf-tx-filter{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;background:#e6e6e6;font:12px Arial;position:relative}
.bf-tx-filter span{font-weight:bold}
.bf-tx-filter details{margin-left:16px}
.bf-tx-filter summary{list-style:none;color:#1f6fb2;cursor:pointer}
.bf-tx-filter summary::-webkit-details-marker{display:none}
.bf-tx-filter summary::after{content:"";display:inline-block;margin-left:6px;border:5px solid transparent;border-top:6px solid #1f6fb2;border-bottom:0}
.bf-tx-filter details>div{position:absolute;left:0;right:0;top:100%;z-index:5;display:flex;flex-direction:column;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.bf-tx-filter details button{padding:11px 12px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;font:13px Arial;cursor:pointer}
.bf-tx-filter details button[aria-current]{font-weight:bold}
.bf-tx-refresh{margin-left:auto;display:flex}.bf-tx-refresh svg{width:20px;height:20px;fill:#303030}
.bf-tx-sum{display:flex;align-items:center;gap:20px;margin-bottom:10px;padding:10px;background:#f0f0f0;font:12px Arial}
.bf-tx-sum div{display:flex;flex-direction:column}.bf-tx-sum span{font-weight:bold}.bf-tx-sum b.light{font-weight:normal}
.bf-tx-sum a{margin-left:auto;display:flex;color:#303030}.bf-tx-sum svg{width:22px;height:22px}
.bf-tx-none{margin:0;padding:12px;border:1px solid #d6d6d6;text-align:center;font:bold 13px Arial}
.bf-tx-list{list-style:none;margin:0;padding:0;border:1px solid #e6e6e6}
.bf-tx-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid #eee}
.bf-tx-list div{display:flex;flex-direction:column;min-width:0}
.bf-tx-list div.r{align-items:flex-end;flex-shrink:0}
.bf-tx-list b{font:bold 12px Arial}.bf-tx-list small{font:11px Arial;color:#777}
.bf-tx-list .pos{color:#1b7f3a}.bf-tx-list .neg{color:#c0271f}
/* Account sub-pages (2026-11-04): shared yellow bar, Cash balances, My Bonuses, Manage Methods, Transfer Funds, Exchange Bets. */
.bf-tx-bar.centre h1{text-align:center}
.bf-acct-values{list-style:none;margin:0;padding:0}
.bf-acct-values li{display:flex;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #eee;font:15px Arial;color:#1e1e1e}
.bf-acct-values li.sub{font-size:12px;color:#666}
.bf-bonus{padding:10px 15px 20px;font-family:"Open Sans",Arial,sans-serif;color:#1e1e1e;background:#fff}
.bf-bonus-head{display:flex;justify-content:space-between;align-items:flex-start}
.bf-bonus-head p{margin:0;font:17px/1.35 "Open Sans",Arial,sans-serif}
.bf-bonus-head p span{display:block}
.bf-bonus-info svg{width:20px;height:20px}
.bf-bonus-filter{margin:14px 0 10px}
.bf-bonus-filter label{display:flex;flex-direction:column;gap:6px;font:bold 11px Arial;position:relative}
.bf-bonus-refresh{position:absolute;right:4px;top:-6px;display:flex}.bf-bonus-refresh svg{width:18px;height:18px;fill:#303030}
.bf-bonus-filter select{height:46px;padding:0 12px;border:1px solid #ddd;border-radius:2px;background:#fff;font:13px Arial;color:#1e1e1e}
.bf-bonus-note{margin:0 0 14px;text-align:center;font:13px/1.45 "Open Sans",Arial,sans-serif}
.bf-bonus-note a{color:#1f6fb2;text-decoration:none}
.bf-bonus-card{margin:0 0 6px}
.bf-pay-net{display:flex;justify-content:space-between;margin:0 12px 8px;padding:9px 12px;border:1px solid #e6e6e6;border-radius:4px;font:13px Arial;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.bf-pay-net span{color:#777}
.bf-pay-hint{margin:0 20px;text-align:center;font:11px/1.45 Arial;color:#777}
.bf-pay-back.blue{color:#1f6fb2}.bf-pay-back.blue .bf-icon{fill:#1f6fb2}
.bf-transfer-form{display:flex;flex-direction:column;gap:14px;padding:0 12px}
.bf-float{position:relative;display:block}
.bf-float input,.bf-float select{width:100%;height:44px;padding:16px 12px 4px;border:0;border-bottom:1px solid #c9c9c9;border-radius:3px 3px 0 0;background:#efefef;color:#1e1e1e;font:14px "Open Sans",Arial,sans-serif;outline:0;-webkit-appearance:none;appearance:none}
.bf-float input{padding-top:12px}
.bf-float span{position:absolute;left:12px;top:13px;font:15px Arial;color:#888;pointer-events:none;transition:all .12s}
.bf-float input:focus+span,.bf-float input:not(:placeholder-shown)+span,.bf-float.select span{top:4px;font-size:11px}
.bf-float.select span{order:-1}
.bf-float.select::after{content:"";position:absolute;right:14px;top:18px;width:7px;height:7px;border:solid #303030;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none}
.bf-transfer-form button{height:40px;border:0;border-radius:3px;background:#ffb80c;color:#1e1e1e;font:bold 15px Arial;cursor:pointer}
.bf-transfer-form button:disabled{background:#fde09a;color:#9b8f72;cursor:default}
.bf-transfer-msg{margin:0;font:bold 13px Arial;text-align:center}.bf-transfer-msg:empty{display:none}
.bf-transfer-msg.ok{color:#1b7f3a}.bf-transfer-msg.error{color:#c0271f}
.bf-xb{padding:0 10px 20px;font-family:Arial,Helvetica,sans-serif;color:#303030;background:#fff}
.bf-xb h2{margin:0 -10px 6px;padding:10px 10px 6px;font:bold 15px Arial;border-bottom:1px solid #eee}
.bf-xb-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 6px 10px}
.bf-xb-row.end{justify-content:flex-end}
.bf-xb-product{position:relative}
.bf-xb-product summary{list-style:none;padding:6px 12px;border:1px solid #c4c4c4;border-radius:2px;background:linear-gradient(#f4f4f4,#d9d9d9);font:bold 11px Arial;cursor:pointer}
.bf-xb-product summary::-webkit-details-marker{display:none}
.bf-xb-product summary::after{content:"";display:inline-block;margin-left:8px;border:4px solid transparent;border-top:5px solid #303030;border-bottom:0}
.bf-xb-product>div{position:absolute;z-index:6;top:100%;left:0;min-width:160px;display:flex;flex-direction:column;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.bf-xb-product>div a{padding:10px 12px;border-bottom:1px solid #eee;color:#303030;font:12px Arial;text-decoration:none}
.bf-xb-toggle{display:flex;border:1px solid #c4c4c4;border-radius:2px;overflow:hidden}
.bf-xb-toggle a{padding:6px 12px;background:linear-gradient(#f4f4f4,#d9d9d9);color:#303030;font:bold 11px Arial;text-decoration:none}
.bf-xb-toggle a[aria-current]{background:#4a4a4a;color:#fff}
.bf-xb-options{margin:4px 0 10px}
.bf-xb-options>summary{list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:8px 6px;font:12px Arial;cursor:pointer}
.bf-xb-options>summary::-webkit-details-marker{display:none}
.bf-xb-options>summary b{color:#1f6fb2;font-weight:normal}
.bf-xb-options>summary b::after{content:"";display:inline-block;margin-left:6px;border:5px solid transparent;border-top:6px solid #1f6fb2;border-bottom:0}
.bf-xb-options[open]>summary b::after{border-top:0;border-bottom:6px solid #1f6fb2}
.bf-xb-options .bf-tx-refresh{margin:0}
.bf-xb-form{padding:12px;background:#f2f2f2;font:bold 11px Arial}
.bf-xb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:10px}
.bf-xb-grid>label,.bf-xb-grid>div>label{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}
.bf-xb-form select,.bf-xb-form input[type=date]{height:28px;border:1px solid #c4c4c4;border-radius:2px;background:linear-gradient(#f4f4f4,#d9d9d9);font:11px Arial;padding:0 6px;color:#303030}
.bf-xb-form select:disabled{color:#999}
.bf-xb-label{margin:4px 0 6px}
.bf-xb-form label.check{display:flex;flex-direction:row;align-items:center;gap:6px;margin:6px 0;font-weight:normal}
.bf-xb-form>select{width:100%}
.bf-xb-dates{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.bf-xb-form button{margin-top:12px;width:100%;height:30px;border:0;border-radius:2px;background:#ffb80c;font:bold 12px Arial;color:#303030;cursor:pointer}
.bf-xb-list{list-style:none;margin:0 0 10px;padding:0;border:1px solid #e6e6e6}
.bf-xb-list>li{padding:8px 10px;border-bottom:1px solid #eee;border-left:4px solid #a6d8ff}
.bf-xb-list>li.lay{border-left-color:#fac9d1}
.bf-xb-list>li.bf-xb-group{border-left:0;background:#f2f2f2;font:bold 12px Arial}
.bf-xb-list .top{display:flex;justify-content:space-between;align-items:center}
.bf-xb-list b{font:bold 13px Arial}
.bf-xb-list small{display:block;font:11px Arial;color:#777;margin-top:2px}
.bf-xb-list dl{display:grid;grid-template-columns:repeat(4,1fr);margin:6px 0 0}
.bf-xb-list dt{font:10px Arial;color:#777}.bf-xb-list dd{margin:1px 0 0;font:bold 12px Arial}
.bf-xb-list dd.pos{color:#1b7f3a}.bf-xb-list dd.neg{color:#c0271f}
.bf-xb-pages{display:flex;justify-content:space-between;margin-top:14px}
.bf-xb-pages a,.bf-xb-pages span{padding:7px 16px;border:1px solid #c4c4c4;border-radius:2px;background:linear-gradient(#f4f4f4,#d9d9d9);color:#303030;font:bold 11px Arial;text-decoration:none}
.bf-xb-pages span{color:#aaa}
/* Profit and Loss insights (pnl.php) and the home page reminder. */
body.bf-pnl-page{background:#ececec}
.bf-pnl{background:#ececec}
.bf-pnl .bf-pay-top{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08)}
.bf-pnl .bf-pay-top>span{display:flex;align-items:center;gap:14px}
.bf-pnl-close{color:#1f6fb2!important;font:26px/1 Arial;text-decoration:none}
.bf-pnl-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:34px 12px 34px 14px;background:#ffb80c}
.bf-pnl-hero h1{margin:0 0 4px;font:bold 18px "Open Sans",Arial,sans-serif}
.bf-pnl-hero p{margin:0;font:13px/1.4 "Open Sans",Arial,sans-serif}
.bf-pnl-hero svg{flex:0 0 120px;height:80px}
.bf-pnl-call{display:flex;align-items:center;gap:10px;margin:16px 12px;padding:14px 12px;border-radius:2px;background:#dccff0;color:#1e1e1e!important;text-decoration:none;font:13px/1.4 "Open Sans",Arial,sans-serif;position:relative;padding-right:30px}
.bf-pnl-call::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;margin-top:-4px;border:solid #1e1e1e;border-width:1.6px 1.6px 0 0;transform:rotate(45deg)}
.bf-pnl-call svg{flex:0 0 18px;height:18px;color:#5b3f8f}
.bf-pnl-call b{display:block;font-weight:bold}
.bf-pnl-tabs{margin-top:8px;background:linear-gradient(#ececec,#dedede)}
.bf-pnl-tabs a[aria-current]{background:#fff;color:#e8a100}
.bf-pnl-chips{display:flex;gap:6px;padding:14px 12px 10px}
.bf-pnl-chips a{flex:1;padding:7px 0;border:1px solid #bbb;border-radius:16px;background:#fff;color:#1e1e1e;text-align:center;font:12px Arial;text-decoration:none}
.bf-pnl-chips a[aria-current]{background:#e6e6e6;border-color:#ffb80c}
.bf-pnl-activity{margin:0 12px 12px}
.bf-pnl-card{margin:0 12px;padding:14px 0 0;border-radius:4px;background:#fff;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.bf-pnl-card>p{margin:0;font:12px Arial;color:#555}
.bf-pnl-card>strong{display:block;margin:4px 0 6px;font:bold 26px "Open Sans",Arial,sans-serif}
.bf-pnl .pos{color:#1b9b3e}.bf-pnl .neg{color:#d0201f}
.bf-pnl-chart{display:block;width:100%;height:auto}
.bf-pnl-chart text{font:9px Arial;fill:#555}
.bf-pnl-chart line.grid{stroke:#f0f0f0}
.bf-pnl-chart line.zero{stroke:#888;stroke-dasharray:2 2}
.bf-pnl-chart .neg-area{fill:rgba(208,32,31,.08)}
.bf-pnl-chart .line{fill:none;stroke:#303030;stroke-width:1.2}
.bf-pnl-chart circle{fill:#fff;stroke-width:1.3}
.bf-pnl-chart circle.neg{stroke:#d0201f}.bf-pnl-chart circle.pos{stroke:#1b9b3e}.bf-pnl-chart circle.nil{stroke:#555}
.bf-pnl-card>small{display:block;padding:10px;border-top:1px solid #eee;font:11px Arial;color:#666}
.bf-pnl-help{margin:16px 12px 0;background:#e4e2f2;border-radius:2px;overflow:hidden}
.bf-pnl-help p{display:flex;gap:12px;margin:0;padding:12px 14px;font:12px/1.45 "Open Sans",Arial,sans-serif}
.bf-pnl-help p svg{flex:0 0 18px;height:22px;color:#3f2a83}
.bf-pnl-help b{display:block}
.bf-pnl-help a{display:block;padding:12px;background:#c3c6ea;border-top:2px solid #8b8fd6;color:#1e1e1e;text-align:center;font:bold 13px Arial;text-decoration:none}
.bf-pnl-activity-list{margin:16px 12px 20px}
.bf-pnl-activity-list h2{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font:bold 16px "Open Sans",Arial,sans-serif}
.bf-pnl-activity-list h2 a{font:13px Arial;color:#1f6fb2;text-decoration:none}
.bf-pnl-activity-list>div{background:#fff;border-radius:4px;padding:6px 0;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.bf-pnl-activity-list h3{margin:8px 12px;padding-left:8px;border-left:3px solid #aaa;font:bold 13px Arial}
.bf-pnl-activity-list p{display:flex;justify-content:space-between;margin:0;padding:11px 12px;font:13px Arial}
.bf-pnl-none{margin:0;padding:16px;background:#fff;border-radius:4px;text-align:center;font:13px Arial;color:#666}
.bf-pnl-rem{margin:0;padding:16px 12px;background:#fff;min-height:calc(100vh - 40px);font:13px/1.45 "Open Sans",Arial,sans-serif}
.bf-pnl-rem h1{margin:0 0 6px;font:bold 15px "Open Sans",Arial,sans-serif}
.bf-pnl-rem>p{margin:0 0 8px}
.bf-pnl-rem details summary{list-style:none;color:#1f6fb2;cursor:pointer;margin-bottom:8px}
.bf-pnl-rem details summary::-webkit-details-marker{display:none}
.bf-pnl-rem details[open] summary{font-size:0}.bf-pnl-rem details[open] summary::before{content:"Show less";font-size:13px}
.bf-pnl-rem details p{margin:0 0 8px}
.bf-pnl-ok{color:#1b7f3a;font-weight:bold}
.bf-pnl-current{margin:14px 0;padding:12px;border:1px solid #eee;border-radius:3px;font-size:11px!important}
.bf-pnl-form{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid #eee;border-radius:3px;text-align:center}
.bf-pnl-form h2{margin:0;font:bold 15px "Open Sans",Arial,sans-serif}
.bf-pnl-form select{height:40px;padding:0 12px;border:0;border-radius:3px;background:#e6e6e6;font:14px Arial;color:#555}
.bf-pnl-form button{height:38px;border:0;border-radius:3px;background:#ffb80c;font:bold 13px Arial;color:#1e1e1e;cursor:pointer}
.bf-pnl-form button:disabled{background:#fde09a;color:#9b8f72;cursor:default}
.bf-pnl-form a{display:flex;align-items:center;justify-content:center;height:38px;border-radius:3px;background:#e6e6e6;color:#1e1e1e;font:bold 13px Arial;text-decoration:none}
.bf-pnl-reminder{display:block;margin:8px;padding:12px 14px;border-radius:4px;background:#dccff0;color:#1e1e1e!important;font:13px/1.45 Arial;text-decoration:none}
.bf-pnl-reminder b{display:block}
/* My Details, Security Settings, Upload Documents, Close My Account (2026-11-04). */
.bf-det-top{gap:10px;border-bottom:1px solid #eee}
.bf-det-top h1{flex:1;margin:0;font:bold 15px "Open Sans",Arial,sans-serif}
.bf-pay-flash.err{background:#fdecea;color:#b3261e}
.bf-det section,.bf-sec section{margin:0 12px;padding:14px 4px 16px;border-bottom:1px solid #e6e6e6}
.bf-det h2,.bf-sec h2{margin:0 0 10px;font:bold 15px "Open Sans",Arial,sans-serif}
.bf-det section p,.bf-sec section p{margin:0 0 8px;font:12px/1.45 "Open Sans",Arial,sans-serif;color:#1e1e1e}
.bf-det section p a{color:#1f6fb2;margin-left:8px;text-decoration:none}
.bf-det-edit{display:flex;align-items:center;justify-content:center;height:40px;margin-top:12px;border:1px solid #b5b5b5;border-radius:2px;background:linear-gradient(#e6e6e6,#c9c9c9);color:#1e1e1e!important;font:bold 15px "Open Sans",Arial,sans-serif;text-decoration:none}
.bf-det-edit.narrow{width:60%;font-size:13px}
.bf-det-form{display:flex;flex-direction:column;gap:12px}
.bf-det-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bf-det-buttons a,.bf-det-buttons button{display:flex;align-items:center;justify-content:center;height:40px;border:0;border-radius:2px;font:bold 15px "Open Sans",Arial,sans-serif;text-decoration:none;cursor:pointer}
.bf-det-buttons a{background:linear-gradient(#e6e6e6,#c9c9c9);color:#1e1e1e}
.bf-det-buttons button{background:#ffb80c;color:#1e1e1e}
.bf-sec-logins{list-style:none;margin:0;padding:0}
.bf-sec-logins li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #eee}
.bf-sec-logins b{display:block;font:bold 14px "Open Sans",Arial,sans-serif}
.bf-sec-logins div span{padding-left:12px;font:14px "Open Sans",Arial,sans-serif;color:#1e1e1e}
.bf-sec-logins div span.fail{color:#c0271f}
.bf-sec-logins>li>span{align-self:flex-end;font:13px "Open Sans",Arial,sans-serif}
.bf-docs-ok{display:flex;gap:10px;margin:0 12px 14px;padding:10px 12px;border-radius:3px;background:#e8f5e9;font:12px/1.4 "Open Sans",Arial,sans-serif}
.bf-docs-ok svg{flex:0 0 20px;height:20px;color:#1b9b3e}
.bf-docs-ok b{display:block;font-size:13px}
.bf-docs h2{margin:0 12px 14px;font:bold 16px "Open Sans",Arial,sans-serif}
.bf-docs-card{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;margin:0 12px;padding:12px;border:1px solid #f0c060;border-radius:3px;background:#fff8e6;color:#1e1e1e!important;text-decoration:none}
.bf-docs-card span{grid-row:1/3;width:30px;height:38px;border:1px solid #ccc;border-radius:2px;background:repeating-linear-gradient(#fff 0 5px,#999 5px 6px,#fff 6px 9px);background-clip:content-box;padding:6px 5px}
.bf-docs-card b{font:14px "Open Sans",Arial,sans-serif}
.bf-docs-card small{font:10px/1.4 Arial;color:#888}
.bf-docs .bf-pay-bottom{margin-top:auto}
.bf-docs-help{margin:0 0 14px;text-align:center;font:11px Arial}
.bf-docs-help a{color:#1f6fb2;text-decoration:none}
.bf-close-text{padding:0 14px;font:13px/1.5 "Open Sans",Arial,sans-serif}
.bf-close-text p{margin:0 0 10px}
.bf-close-text a{color:#1f6fb2;text-decoration:none}
.bf-close-text ul{margin:0 0 14px;padding-left:16px}
.bf-close-text li{margin-bottom:6px}
.bf-close-form{display:flex;flex-direction:column;gap:30px;padding:10px 16px 20px}
.bf-close-form .bf-auth-pass{margin:0}
.bf-close-form .bf-auth-pass input{height:44px;border:0;border-radius:3px;background:#efefef;font:15px "Open Sans",Arial,sans-serif;padding:0 50px 0 20px;width:100%}
.bf-close-form .bf-auth-pass button svg{width:20px;height:20px;fill:#888}
.bf-close-form>button{height:40px;border:0;border-radius:2px;background:#ffb80c;color:#1e1e1e;font:bold 12px Arial;cursor:pointer}
.bf-close-form>button:disabled{background:#f3d27a;color:#8a7a52;cursor:default}
.bf-pay-top>span{display:flex;align-items:center;gap:14px}
body.bf-acct-page .bf-sec{background:#fff;min-height:auto}
.bf-det-form .bf-float input[readonly]{background:#f6f6f6;color:#9a9a9a}
.bf-pw input{padding-right:48px}
.bf-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;padding:6px;border:0;background:none;color:#1e1e1e;cursor:pointer}
.bf-eye svg{width:20px;height:20px;fill:currentColor}
.bf-eye[aria-pressed=true] .bf-eye-off{display:none}
.bf-phone{display:flex;align-items:flex-end;gap:8px;height:52px;padding:18px 12px 4px;border-bottom:1px solid #c9c9c9;border-radius:3px 3px 0 0;background:#efefef}
.bf-phone>span{position:absolute;left:12px;top:4px;font:11px Arial;color:#888}
.bf-phone select{flex:0 0 96px;height:26px;border:0;background:none;font:15px Arial;color:#1e1e1e}
.bf-phone input{flex:1;min-width:0;height:26px;border:0;background:none;font:15px "Open Sans",Arial,sans-serif;color:#1e1e1e;outline:0}
.bf-det-buttons button:disabled{background:#fde09a;color:#9b8f72;cursor:default}
.bf-float.bf-phone select{padding:0 4px;height:26px;border:0;border-radius:0;background:none;-webkit-appearance:auto;appearance:auto;font:14px Arial}
.bf-float.bf-phone input{padding:0;height:26px;border:0;background:none}
.bf-navigation .bf-icon-az{width:auto;height:20px;object-fit:contain;opacity:.86}.bf-navigation>button[aria-expanded=true] .bf-icon-az{opacity:1}
.bf-cashout svg path{fill-rule:evenodd}.bf-navigation>a .bf-icon,.bf-navigation>button .bf-icon{width:20px;height:20px}.bf-navigation .bf-icon-az{width:auto}
/* Log In (login.php), from the reference's "Welcome back!" page. */
body.bf-login-page{background:#fff}
.bf-login-bar{display:flex;align-items:center;height:36px;padding:0 10px;background:#ffb80c}
.bf-login-bar .bf-logo{margin:0;font-size:21px}
.bf-login-bar .bf-brand-arrows{width:20px;height:16px}
.bf-login{max-width:420px;margin:0 auto;padding:22px 13px 30px;font-family:"Open Sans",Arial,sans-serif;color:#1e1e1e}
.bf-login h1{margin:0 0 14px;font:bold 22px "Open Sans",Arial,sans-serif}
.bf-login-form{display:flex;flex-direction:column}
.bf-login-form>input,.bf-login-pass input{box-sizing:border-box;width:100%;height:42px;padding:0 14px;border:0;border-radius:3px;background:#efefef;color:#1e1e1e;font:15px "Open Sans",Arial,sans-serif;outline:0}
.bf-login-form>input:focus,.bf-login-pass input:focus{box-shadow:inset 0 -2px 0 #303030}
.bf-login-remember{display:flex;align-items:center;gap:10px;margin:8px 0 10px;font:12px Arial;color:#1e1e1e;cursor:pointer}
.bf-login-remember input{width:20px;height:20px;margin:0;accent-color:#303030}
.bf-login-pass{position:relative}
.bf-login-pass input{padding-right:48px}
.bf-login-pass button{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;padding:6px;border:0;background:none;cursor:pointer}
.bf-login-pass button svg{width:20px;height:20px;fill:#1e1e1e}
.bf-login-forgot{margin:14px 0 22px;text-align:center;font:12px Arial}
.bf-login-forgot a,.bf-login-new a{color:#1f6fb2;text-decoration:none}
.bf-login-submit{height:40px;border:0;border-radius:3px;background:#ffb80c;color:#1e1e1e;font:bold 14px Arial;cursor:pointer}
.bf-login-submit:disabled{color:#a07a14;cursor:default}
.bf-login-new{margin:14px 0 0;text-align:center;font:12px Arial}
.bf-auth-dialog .bf-login-remember{margin:0 0 12px}
html body main.bf-login{background:#fff}
html body main.bf-login .bf-login-form{margin:0;padding:0;background:none;border:0;box-shadow:none;max-width:none}
/* Sign Up steps (register.php) and Forgot pages (forgot.php): reference layout */
.bf-join-bar{justify-content:space-between;height:42px}
.bf-join-back,.bf-join-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:none;color:#1e1e1e;font:26px/1 Arial;text-decoration:none;cursor:pointer;padding:0}
.bf-join-back svg{width:20px;height:20px;fill:#1e1e1e}
.bf-join-bar .bf-logo{margin:0 auto 0 6px}
.bf-join-banner{display:flex;align-items:center;justify-content:center;gap:10px;height:132px;background:#ffb80c;color:#1e1e1e;font:bold 26px "Open Sans",Arial,sans-serif;box-shadow:inset 0 -8px 12px -6px #0002}
.bf-join-banner[hidden]{display:none}
.bf-join-banner .bf-brand-arrows{width:40px;height:30px;fill:#1e1e1e}
html body .bf-join{display:flex;flex-direction:column;max-width:420px;min-height:calc(100dvh - 42px);box-sizing:border-box;margin:0 auto;padding:12px 23px 22px;background:#fff;font-family:"Open Sans",Arial,sans-serif;color:#1e1e1e}
.bf-join-page .bf-join-banner:not([hidden])+.bf-join{min-height:calc(100dvh - 174px)}
.bf-join-progress{display:flex;align-items:center;margin:0 0 6px}
.bf-join-progress>span{flex:1;height:4px;background:#e4e4e4;border-radius:2px;overflow:hidden}
.bf-join-progress i{display:block;height:100%;width:4%;background:#ffb80c;border-radius:2px;transition:width .3s}
.bf-join-progress b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-2px;border:3px solid #e4e4e4;border-radius:50%;background:#fff}
.bf-join-progress b svg{width:18px;height:18px;fill:#1e1e1e}
.bf-join section[hidden]{display:none}
.bf-join h1{margin:0 0 14px;font:bold 17px "Open Sans",Arial,sans-serif}
.bf-join section>p{margin:0 0 16px;font:13px/1.5 "Open Sans",Arial,sans-serif}
.bf-join .bf-auth-error{margin:4px 0 12px}
.bf-join-titles{display:flex;gap:22px;margin:0 0 20px}
.bf-join-titles label{display:flex;align-items:center;gap:10px;font:15px "Open Sans",Arial,sans-serif;cursor:pointer}
.bf-join-titles input{appearance:none;width:22px;height:22px;margin:0;border:1px solid #9a9a9a;border-radius:50%;background:#fff;cursor:pointer}
.bf-join-titles input:checked{border-color:#2e8b3d;background:radial-gradient(circle,#2e8b3d 0 6px,#fff 7px)}
.bf-fl{position:relative;margin:0 0 10px}
.bf-fl input,.bf-fl select{box-sizing:border-box;width:100%;height:41px;padding:17px 10px 3px;border:0;border-radius:3px;background:#efefef;color:#1e1e1e;font:15px "Open Sans",Arial,sans-serif;outline:0;appearance:none}
.bf-fl input:focus,.bf-fl select:focus{box-shadow:inset 0 -1px 0 #ffb80c}
.bf-fl label{position:absolute;left:10px;top:4px;color:#8a8a8a;font:10px "Open Sans",Arial,sans-serif;pointer-events:none;transition:all .15s}
.bf-fl input:placeholder-shown:not(:focus)+label{top:12px;font-size:14px}
.bf-fl input::placeholder{color:transparent}
.bf-fl-mask input:focus::placeholder{color:#a8a8a8}
.bf-fl-select select{padding-right:34px;cursor:pointer;background:#efefef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z' fill='%231e1e1e'/%3E%3C/svg%3E") no-repeat right 8px center/20px}
.bf-fl.bf-login-pass input{padding-right:48px}
.bf-join-link{display:block;margin:4px 0 0;padding:0;border:0;background:none;color:#3c5ccf;font:13px "Open Sans",Arial,sans-serif;cursor:pointer}
.bf-join-hint{margin:-4px 0 12px !important;color:#666;font-size:11px !important}
.bf-join-hint[hidden]{display:none}
.bf-join [data-dob-msg]{color:#b3261e}
.bf-join-mobile{display:flex;gap:8px}.bf-join-mobile>.bf-fl-select{flex:0 0 96px}.bf-join-mobile>.bf-fl:last-child{flex:1}
.bf-join-terms{align-items:flex-start;margin:6px 0 0;font-size:12px;line-height:1.5}
.bf-join-terms a{color:#3c5ccf}
.bf-join-foot{margin-top:auto;padding-top:24px}
.bf-join-next{display:flex;align-items:center;justify-content:center;width:100%;height:41px;border:0;border-radius:3px;background:#ffb80c;color:#1e1e1e;font:bold 14px Arial;cursor:pointer}
.bf-join-next svg{width:24px;height:24px;fill:currentColor}
.bf-join-next span{display:none}
.bf-join-next.last svg{display:none}.bf-join-next.last span{display:inline}
.bf-join-next:disabled{background:#e8e8e8;color:#9b9b9b;cursor:default}
.bf-join-foot .bf-login-new[hidden]{display:none}
.bf-forgot-help{display:flex;align-items:center;gap:14px;margin:10px 0 0;padding:12px 18px;background:#efefef;border-radius:3px;font:13px "Open Sans",Arial,sans-serif;color:#1e1e1e}
.bf-forgot-help svg{width:22px;height:22px;fill:#1e1e1e;flex:none}
.bf-forgot-help a{color:#3c5ccf;text-decoration:none}
.bf-forgot-send{display:block;width:100%;height:41px;border:0;border-radius:3px;background:#ffb80c;color:#1e1e1e;font:bold 14px Arial;cursor:pointer}
.bf-forgot-send:disabled{color:#a07a14;cursor:default}
.bf-forgot-channels{display:flex;flex-direction:column;gap:8px;margin:6px 0 0}
.bf-forgot-channels a{display:flex;justify-content:space-between;padding:12px 14px;background:#efefef;border-radius:3px;color:#1e1e1e;text-decoration:none;font:14px "Open Sans",Arial,sans-serif}
.bf-forgot-channels a span{color:#666;font-size:12px}
.bf-header-squares>.bf-header-login{min-width:0;padding:2px 4px;font-size:9px;letter-spacing:-.1px}

/* ---- betfair layout of the match and race pages (Vexora feed: .event-page.bf-layout, see event.php / app.js) ---- */
.event-page.bf-layout .fm-score{display:none}
.event-page.bf-layout.has-board .fm-title,.event-page.bf-racing .fm-title{display:none}
.bf-scorebar{display:flex;align-items:center;min-height:62px;padding:8px 0 8px 12px;background:#303030;color:#fff;font:14px Arial}
.bf-scorebar[hidden]{display:none}
.bf-scorebar-rows{flex:1;min-width:0;display:grid;gap:8px}
.bf-sb-row{display:flex;align-items:center}
.bf-sb-name{position:relative;flex:1;min-width:0;padding-left:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold}
.bf-serve{position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#3fc25a}
.bf-sb-cell{flex:0 0 22px;text-align:center}
.bf-sb-cell.cur{font-weight:bold}
.bf-sb-cell.hl{flex-basis:34px;color:#3fc25a;border-left:1px solid #555;border-right:1px solid #555}
.bf-sb-clock{justify-self:end;color:#3fc25a;font-size:12px}
.bf-scorebar-refresh{display:flex;align-items:center;justify-content:center;width:46px;color:#fff}
.bf-scorebar-refresh svg{width:24px;height:24px;fill:currentColor}
html body .event-page.bf-layout .fm-pills{background:#f2f2f2!important;border-bottom:1px solid #ddd!important}
html body .event-page.bf-layout .fm-pills button{flex:0 0 auto!important;height:48px!important;padding:0 14px!important;background:#f2f2f2!important;color:#555!important;font:15px Arial!important;white-space:nowrap}
html body .event-page.bf-layout .fm-pills button.active{background:#fff!important;color:#1e1e1e!important;border-left:1px solid #ddd!important;border-right:1px solid #ddd!important}
html body .event-page.bf-racing .fm-pills button{flex:1 1 0!important}
html body .event-page.bf-racing .fm-pills button.active{box-shadow:inset 0 -3px 0 #303030}
.event-page.bf-layout .fm-markets{background:#e6e6e6}
.event-page.bf-layout .fm-mo+.fm-mo{margin-top:10px}
.event-page.bf-layout .fm-mo-head .fm-matched svg{display:none}
.event-page.bf-layout .fm-mo-head .fm-matched span{font:13px Arial;color:#303030}
.event-page.bf-layout .fm-mo-head .fm-matched b{display:inline;margin-left:2px;font:bold 13px Arial;color:#303030}
.event-page.bf-layout .dk-mo-title .dk-pin{filter:none;color:#fff}
.event-page.bf-layout .dk-mo-title .dk-pin svg{width:18px;height:18px}
.event-page.bf-layout .fm-row .dk-predict{display:inline-flex;vertical-align:middle;width:22px;height:22px;margin-right:12px;cursor:pointer}
.event-page.bf-layout .fm-row .dk-predict svg{width:20px;height:20px;fill:#303030}
.event-page.bf-layout .fm-row .odd small{font:11px Arial;color:#303030}
.event-page.bf-layout .bf-race-row{min-height:62px}
.event-page.bf-layout .bf-race-row .dk-predict{display:none}
.event-page.bf-layout .bf-race-row strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bf-cloth{display:flex;flex-direction:column;align-items:center;width:24px;font:15px Arial;color:#303030}
.bf-cloth small{font:12px Arial;color:#666}
.bf-silks{flex:0 0 27px;width:27px;height:27px;object-fit:contain}
.bf-horse{display:flex;flex-direction:column;min-width:0;font:bold 15px Arial;color:#303030}
.bf-horse small{font:13px Arial;color:#555}
.bf-all-markets{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;margin-top:10px;padding:0 16px;border:0;background:#fff;color:#303030;font:15px Arial;cursor:pointer}
.bf-all-markets svg{width:14px;height:14px;fill:#303030}
.bf-race-nav{padding:8px 10px 0;background:#303030}
.bf-meeting{position:relative;display:flex;align-items:center;height:38px;padding:0 10px;border-radius:3px;background:#fff}
.bf-meeting select{flex:1;min-width:0;height:100%;border:0;background:none;color:#1e1e1e;font:bold 15px Arial;appearance:none;-webkit-appearance:none}
.bf-meeting svg{width:22px;height:22px;fill:#1e1e1e;pointer-events:none}
.bf-race-bar{display:flex;align-items:center;min-height:56px;margin:8px -10px 0;padding:0 0 0 4px;background:#3a3a3a;color:#fff}
.bf-race-step{flex:0 0 32px;color:#fff;font:30px/1 Arial;text-align:center;text-decoration:none}
.bf-race-what{flex:1;display:flex;flex-direction:column;min-width:0}
.bf-race-what b{font:bold 16px Arial}
.bf-race-what small{overflow:hidden;color:#ddd;font:14px Arial;white-space:nowrap;text-overflow:ellipsis}
.bf-race-refresh{display:flex;align-items:center;justify-content:center;width:48px;height:56px;color:#fff}
.bf-race-refresh svg{width:24px;height:24px;fill:currentColor}
.bfd-wrap{position:fixed;inset:0;z-index:1000;display:flex;background:#f2f2f2}
.bfd{display:flex;flex-direction:column;width:100%;max-width:640px;height:100%;margin:0 auto;background:#f2f2f2}
.bfd-head{display:flex;align-items:center;gap:8px;padding:10px 6px 6px 14px;background:#303030;color:#fff}
.bfd-head div{flex:1;min-width:0}
.bfd-head b{display:block;font:bold 16px Arial}
.bfd-head small{display:block;color:#ddd;font:14px Arial}
.bfd-close{width:44px;height:44px;border:0;background:none;color:#fff;cursor:pointer}
.bfd-close svg{width:18px;height:18px;fill:currentColor}
.bfd-pick{padding:4px 12px 10px;background:#303030}
.bfd-pick select{width:100%;height:38px;padding:0 10px;border:0;border-radius:3px;background:#fff;color:#1e1e1e;font:15px Arial}
.bfd-body{flex:1;overflow:auto;padding:16px}
.bfd-card{margin-bottom:16px;padding:16px;border-radius:6px;background:#fff}
.bfd-card h3{margin:0 0 14px;color:#303030;font:bold 18px Arial}
.bfd-card h4{margin:6px 0 8px;color:#303030;font:bold 15px Arial}
.bfd-ranges{display:flex;flex-wrap:wrap;gap:8px}
.bfd-ranges button{padding:8px 15px;border:1px solid #777;border-radius:20px;background:#fff;color:#303030;font:14px Arial;cursor:pointer}
.bfd-ranges button.active{border-color:#e6b800;background:#e6e6e6}
.bfd-graph{display:flex;align-items:center;justify-content:center;height:240px;margin:16px 0;border:1px solid #ddd;color:#303030;font:14px Arial}
.bfd-names,.bfd-ladder{width:100%;border-collapse:collapse;font:14px Arial;color:#303030}
.bfd-names th,.bfd-ladder th{padding:8px 6px;color:#666;font-weight:normal;text-align:left}
.bfd-names td{padding:10px 6px;border-top:1px solid #a78bfa;border-bottom:1px solid #a78bfa}
.bfd-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;background:#a78bfa}
.bfd-chip{display:inline-block;margin-bottom:12px;padding:8px 16px;border:1px solid #e6b800;border-radius:20px;background:#e6e6e6;font:14px Arial}
.bfd-stats{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin:0 0 14px;color:#666;font:14px Arial}
.bfd-stats dd{margin:0;color:#303030;text-align:right}
.bfd-ladder td{padding:11px 6px;border-bottom:2px solid #fff;background:#efefef}
.bfd-ladder tr.back td:nth-child(1),.bfd-ladder tr.back td:nth-child(2){background:#d4ebfd}
.bfd-ladder tr.lay td:nth-child(1),.bfd-ladder tr.lay td:nth-child(3){background:#fde6ea}
.bfd-ladder td.bfd-none{background:#fff;color:#666;text-align:center}
@media (min-width:701px){html body .dk-main .event-page.bf-layout .fm-pills{display:flex!important}}
html body .event-page.bf-layout .fm-mo .fm-row>strong{flex-flow:row wrap;align-items:center;align-content:center;justify-content:flex-start;padding:4px 8px 4px 12px;color:#303030;font:15px/1.25 Arial}
html body .event-page.bf-layout .fm-mo .fm-row>strong .fm-pos,html body .event-page.bf-layout .fm-mo .fm-row>strong .fm-proj{flex:0 0 100%;margin-top:2px;padding-left:34px}
html body .event-page.bf-layout .fm-mo .bf-race-row>strong .fm-pos,html body .event-page.bf-layout .fm-mo .bf-race-row>strong .fm-proj{padding-left:67px}
.bf-silks-none{display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M9 3h9l6 4-3 5-2-1v13H8V11l-2 1-3-5z' fill='%23d9d9d9' stroke='%23a6a6a6'/%3E%3C/svg%3E") center/contain no-repeat}
/* betfair race page: "Going In-Play" + book % in the head, Matched under the runners, Suspended / Non Runner like betfair */
.event-page.bf-racing .fm-mo-head .fm-matched{display:flex;justify-content:space-between;width:100%}
.event-page.bf-racing .fm-mo-head .fm-matched span{display:flex;justify-content:space-between;align-items:center;width:100%;font:12px Arial;color:#666}
.bf-going{display:inline-flex;align-items:center;gap:4px;font-style:normal}
.bf-going svg{width:14px;height:14px;fill:#666}
.bf-overround{padding-right:6px;font-style:normal;color:#888;font-size:11px}
.bf-race-matched{display:flex;justify-content:flex-end;gap:14px;margin:0;padding:8px 12px;background:#fff;border-top:3px solid #e6e6e6;color:#303030;font:12px Arial}
.bf-race-matched b{margin-left:4px}
.bf-overround-lay{color:#888;font-size:11px}
.bf-todays-card{margin-top:10px}
.event-page.bf-layout .fm-all-suspended .odd{opacity:.35}
.event-page.bf-layout .fm-all-suspended .fm-row::after,.event-page.bf-layout .fm-row-suspended .odd{opacity:.35}
html body .event-page.bf-layout .fm-suspend-box:not(.fm-low-box){top:6px;bottom:auto;left:auto;right:150px;padding:0 4px;border:0;background:none;color:#303030;font:bold 13px Arial}
html body .event-page.bf-layout .fm-suspend-box:not(.fm-low-box)::before{content:'\26A0';margin-right:5px}
html body .event-page.bf-layout .fm-row-suspended::after{left:auto;right:8px;width:auto;padding:0 8px;background:none;color:#999;font:13px Arial}
html body .event-page.bf-layout .fm-row-suspended[data-status="Non Runner"] .odd{visibility:hidden}
/* The betfair look is for phones only (event.php adds .bf-layout there); computers keep the previous match page. */
.event-page:not(.bf-layout) .bf-race-nav,.event-page:not(.bf-layout) .bf-scorebar,.event-page:not(.bf-layout) .bf-todays-card{display:none}
/* The match page's (i) rules icon had its size only in the phone block above: on computers it filled the page. */
.bf-ev-info svg{width:20px;height:20px}