/* Universal rectangular controls. Shared cyan material and Apple spinner come from admin-glass.css. */
body[data-admin-page="affiliate-portal"].admin-body :is(button:not(.ap-backdrop),input[type=submit],input[type=button],a.button,.ap-action,.ap-period-presets a,.af-pagination a,.af-toolbar>a,.af-report-filters>a,summary.button){display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;max-width:100%;min-height:40px;padding:8px 13px;border:1px solid rgba(34,230,238,.55);border-radius:10px!important;background:linear-gradient(140deg,rgba(0,196,214,.16),rgba(0,133,164,.12));color:#22e6ee!important;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;white-space:normal;text-align:center;box-sizing:border-box;cursor:pointer}
body[data-admin-page="affiliate-portal"].admin-body :is(button:not(.ap-backdrop),a.button,.ap-action,.ap-period-presets a,.af-pagination a,.af-toolbar>a,.af-report-filters>a,summary.button):hover:not(:disabled){background:rgba(0,215,230,.25);border-color:#22e6ee}
body[data-admin-page="affiliate-portal"].admin-body :is(.af-panel,.af-stat,.af-event,.af-report-card,.ap-balance-strip,.ap-report-table,.ap-heading,.af-methods article){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-admin-page="affiliate-portal"].admin-body :is(.af-panel,.ap-heading){padding:20px 0;margin:20px 0;border-bottom:1px solid var(--admin-border)!important}
body[data-admin-page="affiliate-portal"].admin-body :is(.af-report-grid,.af-events,.af-methods){display:block!important}
body[data-admin-page="affiliate-portal"].admin-body :is(.af-report-card,.af-event,.af-methods article){padding:20px 0;border-bottom:1px solid var(--admin-border)!important;margin:0}
body[data-admin-page="affiliate-portal"].admin-body :is(.af-stats,.ap-metrics){gap:0;border-block:1px solid var(--admin-border);margin:20px 0}
body[data-admin-page="affiliate-portal"].admin-body .af-stat{padding:18px!important;border-right:1px solid var(--admin-border)!important}
body[data-admin-page="affiliate-portal"].admin-body .ap-balance-strip{padding:18px 0;border-block:1px solid var(--admin-border)!important}
body[data-admin-page="affiliate-portal"].admin-body .ap-two-column{display:block}
body[data-admin-page="affiliate-portal"].admin-body .ap-report-tools{justify-content:flex-end}
body[data-admin-page="affiliate-portal"].admin-body .ap-report-table{overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body[data-admin-page="affiliate-portal"].admin-body [data-ap-report]>.ap-report-table{display:block!important}
body[data-admin-page="affiliate-portal"].admin-body .af-report-filters{align-items:end}
body[data-admin-page="affiliate-portal"].admin-body .af-report-filters>button{align-self:end;width:auto;justify-self:start}
body[data-admin-page="affiliate-portal"].admin-body .ap-period-presets a{font-size:12px}
body[data-admin-page="affiliate-portal"].admin-body .ap-pill{background:none;border:0;border-radius:0;padding:0}
@media(max-width:560px){body[data-admin-page="affiliate-portal"].admin-body .ap-action{width:auto}body[data-admin-page="affiliate-portal"].admin-body .af-stat{padding:14px!important}}

/* Header layout is independent from action-button display rules. */
body[data-admin-page="affiliate-portal"].admin-body .topbar{justify-content:flex-start}
body[data-admin-page="affiliate-portal"].admin-body .topbar .brand{margin-right:auto}
body[data-admin-page="affiliate-portal"].admin-body .topbar .account-bar{margin-left:auto}
@media(min-width:851px){body[data-admin-page="affiliate-portal"].admin-body .topbar .ap-menu-toggle{display:none!important}}
@media(max-width:850px){body[data-admin-page="affiliate-portal"].admin-body .topbar .ap-menu-toggle:not([hidden]){display:inline-flex}}
/* Separate full-width rows, with aligned table columns and no stacked data cards. */
body[data-admin-page="affiliate-portal"].admin-body .af-table{border-collapse:separate!important;border-spacing:0 10px!important}
body[data-admin-page="affiliate-portal"].admin-body .af-table tbody td{border-top:1px solid var(--admin-border)!important;border-bottom:1px solid var(--admin-border)!important;background:linear-gradient(120deg,rgba(30,186,179,.08),rgba(56,97,178,.09));padding:16px 12px}
body[data-admin-page="affiliate-portal"].admin-body .af-table tbody td:first-child{border-left:1px solid var(--admin-border);border-radius:10px 0 0 10px}
body[data-admin-page="affiliate-portal"].admin-body .af-table tbody td:last-child{border-right:1px solid var(--admin-border);border-radius:0 10px 10px 0}
body[data-admin-page="affiliate-portal"].admin-body .af-table tbody td:only-child{border-radius:10px}
body[data-admin-page="affiliate-portal"].admin-body .af-table thead th{border:0;background:transparent}
.ap-public-events .ap-event-group{margin:24px 0}
.ap-public-events .ap-event-group>h2{margin-bottom:16px}
/* The public Glass Match List supplies the time/title/badge layout. Widen only the replacement action. */
html body[data-admin-page="affiliate-portal"] [data-af-events] [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"] .sss-live-event-card{grid-template-columns:190px minmax(0,1fr) 185px!important;color:#fff}
html body[data-admin-page="affiliate-portal"] [data-af-events] [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"] .ap-event-copy{white-space:normal!important;min-height:42px!important;font-size:12px!important;padding:10px 12px!important;line-height:1.5!important}
html body[data-admin-page="affiliate-portal"] [data-af-events] [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"] .ap-event-copy.af-action-working{padding-right:42px!important}
@media(max-width:700px){html body[data-admin-page="affiliate-portal"] [data-af-events] [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"] .sss-live-event-card{grid-template-columns:82px minmax(0,1fr) 132px!important;column-gap:10px!important;padding:14px 10px!important}html body[data-admin-page="affiliate-portal"] [data-af-events] [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"] .ap-event-copy{font-size:11px!important}}
@media(max-width:440px){html body[data-admin-page="affiliate-portal"] [data-af-events] [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"] .sss-live-event-card{grid-template-columns:64px minmax(0,1fr) 105px!important;column-gap:7px!important}html body[data-admin-page="affiliate-portal"] [data-af-events] [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"] .ap-event-copy{font-size:10px!important;padding:8px 6px!important}}

body[data-admin-page="affiliate-portal"] .ap-public-events .sss-live-event-card{cursor:default!important}

/* Keep metadata artwork inside its icon slot; team artwork retains the public matchup sizing. */
html body[data-admin-page="affiliate-portal"] [data-af-events] .sss-event-list-icon{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important;overflow:hidden!important;line-height:1!important}
html body[data-admin-page="affiliate-portal"] [data-af-events] .sss-event-list-icon img{display:block!important;width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;min-width:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;position:static!important;margin:0!important;padding:0!important;flex:0 0 26px!important}
html body[data-admin-page="affiliate-portal"] :is(button,input[type=submit],input[type=button],a.button,.ap-action,.ap-period-presets a,.af-pagination a,.af-toolbar>a,.af-report-filters>a,summary.button){text-transform:capitalize!important}

/* Dashboard summary and commission grids share the public landing glass palette. */
body[data-admin-page="affiliate-portal"].admin-body :is(.ap-summary-grids,.ap-commission-grids){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
body[data-admin-page="affiliate-portal"].admin-body :is(.ap-summary-grids,.ap-commission-grids)>article{min-width:0;padding:24px;border:1px solid var(--admin-border);background:linear-gradient(110deg,rgba(0,208,191,.06),rgba(68,124,233,.06));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center}
body[data-admin-page="affiliate-portal"].admin-body :is(.ap-summary-grids,.ap-commission-grids) span{font-size:12px;color:var(--admin-ink)}
body[data-admin-page="affiliate-portal"].admin-body .ap-summary-grids strong{display:block;font-size:30px;line-height:1.3;margin:12px 0;overflow-wrap:anywhere}
body[data-admin-page="affiliate-portal"].admin-body .ap-summary-grids small{font-size:11px;color:var(--admin-muted)}
body[data-admin-page="affiliate-portal"].admin-body .ap-commission-section{margin:30px 0}
body[data-admin-page="affiliate-portal"].admin-body .ap-commission-section h2{font-size:18px;margin:0}
body[data-admin-page="affiliate-portal"].admin-body .ap-commission-grids strong{display:block;font-size:48px;line-height:1.3;letter-spacing:-.04em;margin:8px 0;overflow-wrap:anywhere}
body[data-admin-page="affiliate-portal"].admin-body .ap-commission-grids small{font-size:11px;letter-spacing:.05em;font-weight:500;color:var(--admin-muted)}
body[data-admin-page="affiliate-portal"].admin-body .ap-commission-grids p{font-size:12px;margin:8px 0 0}
@media(max-width:650px){body[data-admin-page="affiliate-portal"].admin-body :is(.ap-summary-grids,.ap-commission-grids){grid-template-columns:minmax(0,1fr);gap:10px}body[data-admin-page="affiliate-portal"].admin-body :is(.ap-summary-grids,.ap-commission-grids)>article{padding:20px}}