/* Accepted Match composition, scoped so the established Home is preserved. */
.page-match .header{height:80px;padding:9px 20px;gap:40px;position:relative}
.page-match .logo{width:196px;height:58px}
.brand-navigation{display:flex;align-items:center;gap:25px}
.brand-navigation .button{width:96px;font-size:13px;padding:10px}
.brand-link{border:0;background:none;color:var(--muted);font-size:13px;font-weight:700;padding:0;width:68px;min-height:44px}
.page-match .header button:disabled{opacity:1}
.page-match .header .demo-pill{position:absolute;left:44%;font-size:9px;line-height:14px;padding:7px 16px}
.page-match .header-actions{gap:12px}
.page-match .header-actions .icon-button{width:34px;border:0;background:none;color:var(--muted);padding:6px}
.page-match .wallet{width:158px;height:44px;padding:10px 12px;font-size:11px;gap:12px}
.page-match .wallet-button{width:104px;font-size:12px}
.page-match .account-button{margin-left:12px}
.page-match .layout{margin-left:176px;padding:20px 24px;grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.accepted-rail{position:absolute;top:80px;left:0;width:176px;min-height:920px;background:var(--shell);padding:24px 12px 45px;color:var(--muted);display:flex;flex-direction:column}
.rail-heading{font-size:9px;line-height:16px;letter-spacing:1.2px;font-weight:700;padding:0 12px;color:var(--quiet);margin-bottom:16px}
.primary-rail{display:flex;flex-direction:column;gap:4px}
.match-rail-item{display:flex;align-items:center;gap:14px;padding:10px 12px;min-height:44px;width:100%;border:0;border-radius:8px;background:none;color:var(--muted);font-size:13px;text-align:left;line-height:20px}
.match-rail-item span{min-width:0;overflow-wrap:anywhere}
.match-rail-item small{font-size:11px;margin-left:auto}
.match-rail-item.active{background:var(--blue);color:var(--ink);font-weight:700}
.match-rail-item.active svg{color:var(--cyan)}
.match-rail-item:hover:not(:disabled){background:var(--raised)}
.rail-divider{height:1px;background:var(--line);margin:22px 12px 18px}
.followed-rail{display:flex;flex-direction:column;gap:4px}
.rail-empty{font-size:12px;padding:12px}
.more-heading{margin-top:34px}
.accepted-rail-bottom{margin-top:auto;padding-top:100px}
.accepted-rail-bottom .rail-divider{margin:14px 12px 18px}
.accepted-rail-bottom p{font-size:9px;padding:0 12px;color:var(--quiet)}
.accepted-strip{height:58px;border:1px solid var(--line);border-radius:8px;background:var(--shell);display:flex;align-items:center;padding:7px 8px 7px 16px;gap:12px}
.strip-title{padding:0;background:none;border:0;min-width:140px;text-align:left;display:flex;flex-direction:column;gap:5px;min-height:42px;justify-content:center}
.strip-title .eyebrow{font-size:10px;color:var(--aqua);line-height:14px}
.strip-title small{font-size:10px;color:var(--muted);line-height:14px}
.accepted-strip .strip-fixtures{overflow:hidden;gap:12px;height:42px;align-items:stretch}
.accepted-strip .strip-match{min-width:0;flex:1;background:none;border-color:transparent;padding:4px 12px;gap:3px;border-radius:7px;font-size:11px;line-height:15px;justify-content:center}
.accepted-strip .strip-match.current{background:var(--surface);border-color:var(--line)}
.accepted-strip .strip-match strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accepted-strip .strip-match small{font-size:9px;line-height:12px}
.accepted-strip .strip-live{color:var(--red)}
.accepted-strip .muted{font-size:11px;align-self:center}
.accepted-breadcrumb{height:52px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}
.breadcrumb-back,.breadcrumb-link,.breadcrumb-phone{display:flex;align-items:center;background:none;border:0;padding:0;color:var(--muted);min-height:44px;font-size:12px}
.breadcrumb-desktop{display:flex;align-items:center;gap:18px}
.breadcrumb-desktop strong{color:var(--ink);font-size:11px}
.breadcrumb-phone{display:none}
.accepted-breadcrumb>.follow-button{margin-left:auto}
.accepted-hero{position:relative;height:156px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:16px}
.hero-accent{position:absolute;top:24px;bottom:24px;width:3px;background:var(--red);left:0}
.hero-accent.away-accent{left:auto;right:0;background:var(--cyan)}
.hero-league{position:absolute;left:24px;top:15px;font-size:10px;line-height:16px}
.hero-status{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:10px;line-height:18px;padding:5px 16px;color:var(--muted);white-space:nowrap}
.hero-status.live-label{color:var(--red)}
.accepted-team{position:absolute;top:54px;left:24px;width:calc(50% - 110px);height:84px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:44px 32px;gap:5px 20px;align-items:center}
.accepted-team>.crest,.accepted-team>.initials,.accepted-team>.event-icon{grid-row:1/3;width:48px;height:56px;align-self:start}
.accepted-team h1{font-size:27px;line-height:32px;letter-spacing:0;grid-column:2;min-width:0;overflow-wrap:anywhere}
.accepted-team .follow-button{grid-column:2;justify-self:start;min-height:28px;height:28px;border:0;padding:4px 12px;font-size:11px;background:var(--raised);position:relative}
.accepted-team .follow-button::after{content:'';position:absolute;inset:-8px 0}
.accepted-team .follow-button.is-followed{color:var(--aqua)}
.team-away{left:auto;right:24px;grid-template-columns:minmax(0,1fr) 48px;gap:5px 20px}
.team-away>.crest,.team-away>.initials,.team-away>.event-icon{grid-column:2}
.team-away h1{grid-column:1;grid-row:1;font-size:22px;line-height:28px;text-align:right}
.team-away .follow-button{grid-column:1;grid-row:2;justify-self:end}
.accepted-score{position:absolute;left:50%;top:54px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:18px;min-width:150px;height:88px;padding-bottom:26px}
.accepted-score>strong{font-size:48px;line-height:58px}
.accepted-score>span{font-size:25px;color:var(--quiet)}
.accepted-score small{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:1.2px;color:var(--muted)}
.page-match .market-toolbar{margin:0 0 12px}
.page-match .market-toolbar .search{height:44px;min-height:44px;border-radius:7px;gap:12px}
.page-match .market-toolbar input{font-size:13px;padding:10px 0}
.page-match .market-toolbar svg{width:18px;height:18px}
.page-match .market-tabs{flex-wrap:nowrap;height:46px;margin-bottom:16px;gap:4px;display:flex}
.page-match .market-tab{font-size:13px;line-height:20px;padding:12px 12px;flex:none;white-space:nowrap}
.page-match .market-tab[data-id=popular]{width:105px}
.page-match .market-tab[data-id=goals]{width:88px}
.page-match .market-tab[data-id=halves]{width:90px}
.page-match .market-tab[data-id=handicaps]{width:117px}
.page-match .market-tab[data-id=scorers]{width:131px}
.page-match .market-tab[data-id=corners-cards]{width:160px}
.page-match .market-tab[data-id=all]{width:72px}
.page-match .market-more{display:none}
.page-match .market-results:not(.search-active){display:none}
.page-match .market-results.search-active{margin-top:-12px}
.page-match .market-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.page-match .market-grid .market{padding:8px 15px 7px;border-radius:10px}
.page-match .market-heading{margin-bottom:3px;gap:0;position:relative;min-height:44px}
.page-match .market-toggle{padding:0;min-height:44px}
.page-match .market-toggle>span:first-child{gap:2px}
.page-match .market-toggle strong{font-size:14px;line-height:20px}
.page-match .market-toggle small{font-size:11px;line-height:16px}
.page-match .market-info{width:30px;height:44px;min-height:44px}
.page-match .market-info svg{width:14px;height:14px}
.page-match .market-grid .odds{min-height:64px;padding:10px 12px;gap:1px}
.page-match .market-grid .outcome-label{font-size:12px;line-height:18px}
.page-match .market-grid .odds strong{font-size:18px;line-height:24px}
.page-match .market-grid .odds.selected{padding-right:28px}
.page-match .slip-column .slip{min-height:708px}
.page-match .slip-tabs .tab{min-height:58px;font-size:13px;justify-content:flex-start}
.page-match .slip-tabs{padding:0 16px;gap:20px}
.page-match .slip-content{padding:18px 16px}
.page-match .slip-content .empty{padding-top:65px}
.page-match .history-tabs{margin-bottom:24px}
.page-match .history-tabs .button{min-height:28px;height:28px;flex:none;padding:4px 25px;border-radius:18px;border:0;font-size:11px;line-height:20px}
.page-match .history-tabs .primary{background:var(--blue);color:var(--aqua)}
.page-match .selection-card{min-height:164px}
.page-match .slip-column .slip:has(.bet-record){min-height:836px}
.page-match main>footer{border:0;margin-top:18px;padding:8px 0;font-size:10px}
.page-match .preview-tools{margin-top:24px}
.page-match .accepted-phone-nav .phone-item.active{background:var(--blue);color:var(--aqua);border-radius:8px}
@media(max-width:1250px) and (min-width:1051px){
 .page-match .header{gap:20px}.brand-navigation{gap:12px}.page-match .header .demo-pill{display:none}
 .page-match .layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:20px}
 .page-match .market-tab[data-id]{padding:12px 4px;font-size:11px;width:auto;flex:1}.accepted-team{width:calc(50% - 90px);left:16px;gap:5px 10px;grid-template-columns:36px minmax(0,1fr)}
 .accepted-team>.crest{width:36px;height:42px}.accepted-team h1{font-size:20px;line-height:25px}.team-away{left:auto;right:16px;grid-template-columns:minmax(0,1fr) 36px}.team-away h1{font-size:17px}
}
@media(max-width:1050px){
 .page-match .header{gap:20px}.page-match .header .demo-pill,.brand-navigation,.page-match .notification,.page-match .header-search{display:none}
 .page-match .wallet-button,.page-match .account-button{display:inline-flex}
 .page-match .layout{display:block;margin-left:176px;padding:20px 24px}
 .page-match .phone-nav{left:176px}
 .page-match .phone-selection{left:188px}
 .page-match .market-tab[data-id]{padding:12px 6px;font-size:11px;width:auto;flex:1}
 .accepted-team{width:calc(50% - 90px);left:16px;gap:5px 10px;grid-template-columns:36px minmax(0,1fr)}
 .accepted-team>.crest{width:36px;height:42px}.accepted-team h1{font-size:20px;line-height:25px}.team-away{left:auto;right:16px;grid-template-columns:minmax(0,1fr) 36px}.team-away h1{font-size:17px}
}
@media(max-width:650px){
 .page-match{padding-bottom:74px}.page-match.has-selection{padding-bottom:134px}
 .page-match .header{height:64px;padding:10px 14px;gap:10px}.page-match .logo{width:144px;height:43px}
 .page-match .header-actions{margin-left:auto;gap:10px}.page-match .wallet{display:none}
 .page-match .wallet-button{width:84px;min-height:44px;padding:10px;font-size:11px}
 .page-match .header-actions .account-button{width:26px;margin-left:0;padding:0}
 .accepted-rail,.accepted-strip{display:none}
 .page-match .layout{margin:0;padding:0 16px 20px;display:block}
 .accepted-breadcrumb{height:48px;gap:16px}.breadcrumb-phone{display:flex;font-size:12px;font-weight:700}
 .breadcrumb-desktop{display:none}.accepted-breadcrumb>.follow-button{padding:8px;width:36px;min-height:44px}
 .accepted-hero{height:191px;margin-bottom:16px;border-radius:12px}
 .hero-league{left:15px;top:15px;font-size:9px}
 .hero-status{top:50px;font-size:9px;line-height:18px;padding:5px 14px;max-width:180px}
 .accepted-hero::before,.accepted-hero::after{top:24px;bottom:24px}
 .accepted-team{top:51px;left:10px;width:108px;height:128px;display:flex;flex-direction:column;gap:0}
 .accepted-team>.crest,.accepted-team>.initials,.accepted-team>.event-icon{width:36px;height:42px;align-self:center}
 .accepted-team h1{position:absolute;top:55px;left:0;right:0;font-size:14px;line-height:18px;text-align:center}
 .accepted-team .follow-button{position:absolute;top:99px;left:50%;transform:translateX(-50%);font-size:10px;line-height:16px;min-height:28px;padding:4px 10px;height:28px;gap:4px;white-space:nowrap}
 .accepted-team .follow-button svg{width:14px;height:14px}
 .team-away{left:auto;right:5px;width:104px}.team-away h1{font-size:13px;line-height:18px}
 .accepted-score{top:88px;gap:15px;min-width:115px;height:58px;padding:0}
 .accepted-score>strong{font-size:40px;line-height:48px}.accepted-score>span{font-size:22px}.accepted-score small{display:none}
 .page-match .market-toolbar{margin:0 0 12px}.page-match .market-toolbar .search{height:44px;min-height:44px;padding:0 12px;gap:10px}
 .page-match .market-toolbar input{font-size:12px}
 .page-match .market-tabs{display:flex;gap:0;height:46px;margin-bottom:16px}
 .page-match .market-tab,.page-match .market-tab[data-id]{padding:12px 10px;font-size:12px;min-height:46px;width:auto;flex:1}
 .page-match .market-tabs .extra-category{display:none}
 .page-match .market-more{display:flex;align-items:center;justify-content:center;gap:12px;max-width:160px}
 .page-match .market-grid{display:grid;grid-template-columns:1fr;gap:16px}
 .page-match .market-grid .market{padding:10px 11px 12px}
 .page-match .market-heading{margin-bottom:4px}
 .page-match .market-toggle strong{font-size:14px}.page-match .market-toggle small{font-size:11px}
 .page-match .market-grid .odds{padding:10px;min-height:66px}
 .page-match .market-grid .outcome-label{font-size:11px;line-height:17px}.page-match .market-grid .odds strong{font-size:18px;line-height:24px}
 .page-match .phone-nav{height:62px;left:0;padding:4px 10px;gap:6px}
 .page-match .phone-item{font-size:9px;gap:5px}
 .page-match .phone-selection{bottom:66px;left:12px;right:12px;min-height:50px;padding:5px 10px}
 .page-match .phone-selection strong{font-size:12px;line-height:18px}
 .page-match .phone-selection small{font-size:9px;line-height:14px}
 .page-match .phone-selection .count{width:26px;height:26px;border-radius:6px}
 .page-match .selected-context{flex-wrap:wrap}
}
