/* Event header and bounded research cards. */
/* Trader execution detail and holder sample identity must wrap without hiding numbers. */
.user-trade-execution {grid-column:1/-1;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.6;}
@layer trial {
  html.focused-preview #userView .user-trade-size {white-space:normal!important;overflow-wrap:anywhere;}
}
.user-trade-market,.user-position-market {white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;}
.user-trade-market small,.user-position-market small,.holder-snapshot td small {display:block;white-space:normal;overflow-wrap:anywhere;}
.trader-contract-link,.trader-venue-link,.user-trade-execution a {color:inherit;text-decoration:underline;text-underline-offset:3px;}
.trader-contract-identity,.holding-lifecycle {font-size:12px;font-weight:normal;line-height:1.5;}
.trader-contract-identity summary,.holder-snapshot summary {cursor:pointer;}
.holder-snapshot {margin:12px 0;}
.holder-snapshot p {font-size:12px;line-height:1.6;}
.holder-snapshot td {white-space:normal!important;vertical-align:top;min-width:150px;overflow-wrap:anywhere;}
.holder-snapshot td:nth-child(2) {min-width:190px;max-width:280px;}
.holder-snapshot li {overflow-wrap:anywhere;max-width:420px;margin:5px 0;}
.user-detail-tabs button:focus-visible,.user-pnl-switch button:focus-visible {outline:2px solid var(--accent,#acb8ff);outline-offset:3px;}
.position-counterparties {grid-column:1/-1;width:100%;font-size:12px;padding-top:8px;}
.position-counterparties summary {cursor:pointer;color:var(--muted,#a8b5c9);}
.counterparty-result {padding:10px;line-height:1.5;}
.counterparty-result a {color:var(--accent,#acb8ff);}
@layer workspace {
html.focused-preview #detailView .detail-hero .detail-hero-grid {display:block!important;}
html.focused-preview #detailView .detail-hero .detail-hero-grid>div:first-child {display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0;width:100%;}
html.focused-preview #detailView #detailTitle {position:static!important;grid-area:auto!important;margin:0!important;padding:0 0 12px!important;width:100%!important;text-align:center!important;align-self:center!important;}
html.focused-preview #detailView #detailTitle .event-title-link,html.focused-preview #detailView #detailTitle .soccer-event-title {justify-content:center!important;}
html.focused-preview #detailView #detailEvent {display:none!important;}
html.focused-preview #detailView .detail-hero .hero-kicker {display:none!important;}
html.focused-preview #detailView #detailBetline {display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(120px,auto)!important;gap:8px 28px!important;margin:12px 0 0 auto!important;max-width:640px!important;width:auto!important;position:static!important;align-self:flex-end!important;}
html.focused-preview #detailView #detailBetline .bl-i {margin:0!important;min-width:0!important;display:flex!important;flex-direction:column!important;}
html.focused-preview #detailView #detailBetline [data-field="structure"] {grid-column:1!important;grid-row:1!important;}
html.focused-preview #detailView #detailBetline [data-field="settles"] {grid-column:1!important;grid-row:2!important;}
html.focused-preview #detailView #detailBetline [data-field="options"] {grid-column:2!important;grid-row:1!important;}
html.focused-preview #detailView #detailBetline [data-field="game-start"] {grid-column:2!important;grid-row:2!important;}
html.focused-preview #detailView#detailView .detail-hero .detail-hero-grid>div:first-child {display:flex!important;flex-direction:column!important;}
html.focused-preview #detailView #detailTitle .soccer-event-title-link {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;width:100%!important;white-space:nowrap!important;}
html.focused-preview #detailView #detailTitle .club-title-side {width:auto!important;max-width:none!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;}
html.focused-preview #detailView #detailTitle .club-title-vs {flex:0 0 auto!important;}
.fixture-date-note {grid-column:1/-1;font-size:11px;color:var(--muted,#a8b5c9);max-width:620px;}
html.focused-preview #recentMediaPanel {padding:22px!important;min-height:300px;}
#recentMediaPanel .recent-media-head h2 {font-size:21px!important;margin:0 0 6px;}
#recentMediaPanel .recent-media-sub {font-size:13px!important;}
#recentMediaPanel .recent-media-meta {min-height:20px;margin:10px 0;font-size:12px!important;}
}
.media-toolbar {display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 16px;flex-wrap:wrap;}
/* Theme owns the earlier important logo sizes; override in that same layer. */
@layer theme {
 @media(max-width:650px){
  html.focused-preview #detailView #detailTitle .soccer-event-title-link {gap:4px!important;}
  html.focused-preview #detailView #detailTitle .club-title-side {gap:3px!important;}
  html.focused-preview #detailView #detailTitle .club-title-logo {width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important;}
 }
}
.media-filters,.media-pagination {display:flex;gap:8px;align-items:center;}
.media-filters button,.media-pagination button {padding:7px 12px;border:1px solid var(--line,#334258);border-radius:8px;background:transparent;color:inherit;cursor:pointer;}
.media-filters [aria-pressed="true"] {background:var(--accent-soft,#303d60);color:var(--text,#eef2ff);border-color:#8d9bd0;}
.media-pagination button:disabled {opacity:.35;cursor:default;}
.media-page-count {font-size:12px;color:var(--muted,#a8b5c9);min-width:72px;text-align:center;}
/* Shared by the complete app and isolated component previews. Size from the
   actual panel, not an app-only root class or the whole browser viewport. */
#recentMediaPanel {
 container-type:inline-size;container-name:recent-media;
 /* Resolve complete foreground/background pairs. The isolated preview has
    no app theme, so inheriting browser-black text onto a dark card is unsafe. */
 --media-surface:var(--fw-surface,#1a2435);
 --media-card-surface:var(--fw-inset,#151e2d);
 --media-ink:var(--fw-ink,#e7edf9);
 --media-muted:var(--fw-muted,#a1b0c8);
 --media-link:var(--fw-accent,#b1bdf0);
 --media-selected:var(--fw-selected,#303b5b);
 --media-line:var(--fw-line,#34425b);
 background:var(--media-surface);color:var(--media-ink);
}
@layer workspace {
 #recentMediaPanel .media-card {background:var(--media-card-surface)!important;color:var(--media-ink)!important;border-color:var(--media-line)!important;}
 #recentMediaPanel .media-headline {color:var(--media-ink)!important;}
 #recentMediaPanel a {color:var(--media-link)!important;}
 #recentMediaPanel :is(.media-source,.media-kind,.media-excerpt,.media-card-bottom,.media-video-note,.media-video-status,.media-page-count,.media-footer,.recent-media-meta,.recent-media-sub,.recent-media-empty) {color:var(--media-muted)!important;}
 #recentMediaPanel :is(.media-video-fallback,.media-footer a) {color:var(--media-link)!important;text-decoration:underline;text-underline-offset:3px;}
 #recentMediaPanel :is(.media-filters button,.media-pagination button),#recentMediaPanel #recentMediaRefresh {background:var(--media-card-surface)!important;color:var(--media-ink)!important;border-color:var(--media-line)!important;}
 #recentMediaPanel .media-filters [aria-pressed="true"] {background:var(--media-selected)!important;color:var(--media-ink)!important;border-color:var(--media-link)!important;}
 #recentMediaPanel .media-video-play {background:#19263e!important;color:#ffffff!important;border-color:#a6b8d9!important;}
 #recentMediaPanel #recentMediaList {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;align-items:stretch;}
 @container recent-media (min-width:560px) {#recentMediaPanel #recentMediaList {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
 @container recent-media (min-width:840px) {#recentMediaPanel #recentMediaList {grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
 @container recent-media (min-width:1140px) {#recentMediaPanel #recentMediaList {grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
}
#recentMediaPanel .media-card {display:flex;flex-direction:column;border:1px solid var(--media-line);border-radius:12px;overflow:hidden;background:var(--media-card-surface);color:var(--media-ink);text-decoration:none;min-width:0;min-height:160px;transition:border-color .15s;}
#recentMediaPanel .media-card:hover,#recentMediaPanel .media-card:focus-visible {border-color:#95baff;outline-offset:3px;}
.media-thumbnail {width:100%;height:130px;object-fit:cover;}
.media-video {position:relative;aspect-ratio:16/9;width:100%;background:#0c1420;min-width:0;min-height:0;overflow:hidden;flex:none;}
.media-video .media-thumbnail {position:absolute;inset:0;height:100%;}
.media-video-play {position:absolute;inset:auto 12px 12px;background:#19263e;color:#fff;border:1px solid #a6b8d9;padding:10px;border-radius:8px;cursor:pointer;}
.media-video-frame {position:absolute;inset:0;width:100%;height:100%;border:0;}
.media-video-note {color:var(--muted,#acbdd3);line-height:1.5;}
.media-video-status {margin:0;padding:10px 16px;color:var(--muted,#acbdd3);font-size:.85rem;line-height:1.5;}
.media-video-status:empty {display:none;}
.media-card-body {display:flex;flex-direction:column;gap:12px;padding:16px;flex:1;}
.media-card-meta,.media-card-bottom {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.media-source {font-size:12px;font-weight:600;color:var(--muted,#acbdd3);flex:1;}
.media-kind {font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#acbdd3);}
@layer workspace {#recentMediaPanel .media-headline {font-size:16px!important;line-height:1.4!important;white-space:normal!important;margin:0!important;overflow-wrap:anywhere;}}
.media-excerpt {font-size:13px;line-height:1.5;margin:0;color:var(--muted,#acbdd3);}
.media-card-bottom {margin-top:auto;font-size:11px;color:var(--muted,#acbdd3);}
.media-relevance {padding:3px 6px;border-radius:4px;background:#819be012;}
.media-open {margin-left:auto;font-size:17px;}
.media-footer {display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:12px;}
.media-footer a {color:var(--muted,#acbdd3);}
@layer workspace {
#recentMediaPanel .recent-media-empty {grid-column:1/-1;padding:28px 18px!important;margin:0;min-height:120px;display:flex;align-items:center;font-size:14px!important;}
@media(max-width:650px){html.focused-preview #detailView #detailBetline{max-width:100%!important;grid-template-columns:1fr 1fr!important;gap:8px 14px!important;}.media-filters{flex-wrap:wrap;}html.focused-preview #recentMediaPanel{padding:14px!important;}}
}