/* Shared Touchline typography and colours; only utility controls move into Options. */
html body .topbar.compact22{padding:10px 18px;gap:12px;min-height:0;flex-wrap:nowrap;align-items:center;position:sticky;top:0;z-index:60}
.topbar.compact22 .brand{min-width:0;flex:none}.topbar.compact22 .brandmark{width:36px;height:36px}.topbar.compact22 .brand-name{font-size:23px}.topbar.compact22 .brand-sub{font-size:8px;letter-spacing:1.4px}.topbar.compact22 #version101{font-size:10px}
html body .topbar.compact22>.row{flex-wrap:nowrap;gap:8px;min-width:0;flex:1}.topbar.compact22 .topbar-meta{margin-right:auto;gap:2px;min-width:100px}.topbar.compact22 .topbar-meta span{font-size:12px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}.topbar.compact22 .current-date101{font-size:18px!important;color:white!important}.topbar.compact22>.row>.pill{display:none}
.topbar.compact22 button,.topbar.compact22 summary{font-size:13px;padding:9px 12px;white-space:nowrap}.topbar.compact22>.header-utilities22{order:10;position:relative;flex:none}.header-utilities22>summary{cursor:pointer;font-weight:700;border:1px solid #435249;color:#fff;list-style:none}.header-options22{position:absolute;right:0;top:100%;padding:12px;background:#101b14;border:1px solid #435249;box-shadow:0 8px 20px #0006;display:grid;gap:8px;min-width:230px}.header-options22 .display-tools8,.header-options22 #public-tools10{display:flex;flex-wrap:wrap;gap:8px;margin:0}.topbar.compact22 .header-options22 button{color:white;background:#1b2920}
.match-context22{position:sticky;top:calc(var(--masthead-height,72px) + 4px);z-index:30;background:var(--panel);color:var(--text);border:1px solid var(--line);border-left:4px solid var(--accent,#00bb77);padding:10px 14px;margin-bottom:14px;display:flex;align-items:center;gap:18px;font-weight:700}.match-context22 .context-score22{flex:1}.match-context22 output{font-variant-numeric:tabular-nums}.match-context22 .context-subs22{white-space:nowrap}
#main #live-grounds .event-row,#main #live-table,#main .result-card,#main .event-row{color:var(--text)}
html:not(.dark8) #main #live-grounds .link-button,html:not(.dark8) #main #live-table .link-button,html:not(.dark8) #main .result-card [data-club],html:not(.dark8) #main .event-row [data-club]{color:#172a20!important}
html.dark8 #main #live-grounds .link-button,html.dark8 #main #live-table .link-button,html.dark8 #main .result-card [data-club],html.dark8 #main .event-row [data-club]{color:#f1f7f3!important}
#main #live-grounds .muted,#main #live-table .muted{color:var(--text)!important;opacity:1}
.setup-status22{border:1px solid var(--line);padding:12px 16px;margin-bottom:16px;background:var(--panel)}.setup-status22 summary{cursor:pointer;font-weight:700}.setup-status22 p{display:flex;align-items:center;gap:8px}.investment-preview22{flex-basis:100%;font-size:13px;border-top:1px solid var(--line);padding-top:10px}.settings-row:has(.investment-preview22){flex-wrap:wrap}.investment-preview22 p{margin:4px 0}.review-filters22 label{min-width:160px}.review-filters22 select{max-width:360px}
@media(max-width:900px){html body .topbar.compact22{gap:6px;padding:7px 10px}.topbar.compact22 .brand-name{font-size:18px}.topbar.compact22 .brand-sub{display:none}.topbar.compact22 .brandmark{width:28px;height:28px}.topbar.compact22 .topbar-meta span{max-width:150px;font-size:10px}.topbar.compact22 button,.topbar.compact22 summary{padding:8px;font-size:12px}.topbar.compact22 .current-date101{font-size:14px!important}}
@media(max-width:620px){html body .topbar.compact22{flex-wrap:wrap}.topbar.compact22>.brand{display:none}.topbar.compact22 .topbar-meta span{max-width:120px}.match-context22{gap:8px;padding:8px;font-size:12px;flex-wrap:wrap}.match-context22 .context-score22{flex-basis:60%}}

#main #live-grounds .event-row .link-button:disabled{opacity:1!important;color:var(--text)!important}html.dark8 #main #live-table .club-link7{color:#f1f7f3!important}html:not(.dark8) #main #live-table .club-link7{color:#172a20!important}

.modal-content:has(.live-tactics15) .match-context22{top:0;margin-top:-12px;box-shadow:0 3px 8px #0002}
#main:has(>.match-context22){overflow:visible}