/* One customer-PWA theme layer. Business data and route rendering are unchanged. */
html[data-wfo-theme="dark"] {
  color-scheme: dark;
  --wfo-brand: #10b981;
  --wfo-ink: #f8fafc;
  --wfo-muted: #94a3b8;
  --wfo-surface: #161f2e;
  --wfo-canvas: #0b0f17;
  --wfo-line: #334155;
  --ink: #f8fafc;
  --muted: #94a3b8;
  --surface: #161f2e;
  --line: #334155;
  background: #0b0f17;
  color: #f8fafc;
}
html[data-wfo-theme="dark"] body,
html[data-wfo-theme="dark"] .wfo-global-shell,
html[data-wfo-theme="dark"] .wfo-global-stage,
html[data-wfo-theme="dark"] .wfo-global-content,
html[data-wfo-theme="dark"] .new-content,
html[data-wfo-theme="dark"] .member-page,
html[data-wfo-theme="dark"] .customer-home-main { background: #0b0f17; color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.wfo-global-topbar,.wfo-global-mobile-nav,.wfo-global-rail,#wfo-customer-menu,.wfo-global-footer) { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.card,.team-context-card,.team-upcoming-card,.profile-section,.profile-panel,.profile-identity,.profile-summary,.profile-stat-grid a,.profile-stat-grid div,.board-state-card,.match-overview-board,.match-overview-readiness,.match-card,.reminder-person,.financial-obligation,.collection-card,.general-collection-card,.activity-card,.activity-board-card,.notification-card,.play-card,.home-card,.gateway-boot__card,.form-card,.notice,.wfo-global-poster) { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
html[data-wfo-theme="dark"] :is(.team-upcoming-readiness,.team-upcoming-empty,.board-info-callout,.match-overview-next,.profile-account-status,.profile-readonly,.profile-empty-card,.team-readiness-card,.participation-place,.planning-facts,.financial-metrics>div) { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(h1,h2,h3,h4,strong,dt,dd,.team-upcoming-card h3,.team-upcoming-section>header h2,.team-upcoming-readiness>strong,.match-overview-next strong,.profile-identity h2,.wfo-topbar-context) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(p,small,time,.muted,.team-upcoming-card>p,.team-upcoming-date,.match-overview-action small,.profile-section p,.profile-panel p) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(a,.inline-link,.team-upcoming-readiness b,.team-upcoming-all) { color: #10b981; }
html[data-wfo-theme="dark"] :is(.button.primary,.team-upcoming-continue) { background: #10b981; color: #0b0f17; border-color: #10b981; }
html[data-wfo-theme="dark"] :is(.button,.inline-link,.team-tabs a,.match-filters a,.profile-side a) { border-color: #334155; }
html[data-wfo-theme="dark"] :is(.team-upcoming-readiness>a,.match-overview-action,.readiness-row,.profile-list a,.wfo-global-mobile-nav a) { border-color: #334155; color: #f8fafc; }
html[data-wfo-theme="dark"] :is(input,select,textarea,button:not(.button):not(.team-upcoming-continue)) { color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(input,select,textarea) { background: #1e293b; }
html[data-wfo-theme="dark"] :is(input,textarea)::placeholder { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.pill,.team-upcoming-status) { background: #302819; color: #f59e0b; }
html[data-wfo-theme="dark"] :is(.pill.success,.notice.success,.verified) { background: #123b30; color: #10b981; }
html[data-wfo-theme="dark"] :is(.notice.warning,.board-info-callout.warning) { background: #392e19; color: #f59e0b; border-color: #735927; }
html[data-wfo-theme="dark"] :is(.team-upcoming-card:hover,.single-action-card:hover,.match-card:hover) { background: #1e293b; border-color: #10b981; }
html[data-wfo-theme="dark"] :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #10b981; outline-offset: 2px; }
/* Route-specific surfaces that have literal light colors in legacy bundles. */
html[data-wfo-theme="dark"] :is(.wfo-update-notice,.profile-authority-actions,.profile-summary .profile-stat-grid,.profile-overview .profile-summary,.play-card.coming,.customer-home-location,.customer-home-booking-prompt,.customer-home-empty) { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.profile-authority-actions a,.profile-authority-actions b,.profile-overview .profile-stat-grid,.customer-home-booking-prompt,.customer-home-empty) { color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.profile-authority-actions a>span,.team-settings-icon,.activity-board-tabs button,.play-card .button:not(.primary),.team-overview-actions .button:not(.primary),.wfo-customer-menu-head button,.wfo-update-notice button:disabled) { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] .activity-board-tabs button.active { background: #10b981; color: #0b0f17; }
html[data-wfo-theme="dark"] .team-context-actions .pill { background: #123b30; color: #10b981; }
html[data-wfo-theme="dark"] .wfo-update-notice p { color: #f8fafc; }
html[data-wfo-theme="dark"] .wfo-update-notice button:not(:disabled) { background: #10b981; color: #0b0f17; }
html[data-wfo-theme="dark"] .customer-home-location select { background: #1e293b; color: #f8fafc; }
html[data-wfo-theme="dark"] .customer-home-play-card--play,
html[data-wfo-theme="dark"] .customer-home-play-card--book { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.notification-tabs button,.notifications-head .button) { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] .notification-tabs button.active { background: #123b30; color: #10b981; border-color: #10b981; }
html[data-wfo-theme="dark"] :is(.notification-card p,.notification-card small,.profile-stat-grid span,.profile-mobile-role) { color: #94a3b8; }
/* Keep interactive emphasis on a dark surface; light legacy hover/selected fills hide labels. */
html[data-wfo-theme="dark"] :is(.board-match-context,.team-context-card,.reminder-person,.team-financial-match-card) { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
html[data-wfo-theme="dark"] :is(.board-match-context span,.board-match-context small,.team-context-copy p,.reminder-person small) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.board-match-context strong,.team-context-copy h1,.reminder-person strong) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.team-tabs a.active,.match-tabs a.active,.match-filters a.active,.filter.active,.profile-side a.active,.profile-side a:hover,.team-upcoming-readiness>a:hover,.team-upcoming-readiness>a:focus-visible,.single-action-card:hover,.team-settings-icon:hover,.team-settings-icon:focus-visible) { background: #123b30; color: #f8fafc; border-color: #10b981; }
html[data-wfo-theme="dark"] :is(.button:not(.primary),.team-settings-icon,.reminder-person button,.board-match-icon) { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.button:not(.primary):hover,.reminder-person button:hover,.team-settings-icon:hover) { background: #123b30; color: #f8fafc; border-color: #10b981; }
html[data-wfo-theme="dark"] :is(.button.primary:hover,.team-upcoming-continue:hover) { background: #0c9b6e; color: #0b0f17; }
html[data-wfo-theme="dark"] .team-context-card { border: 0; border-bottom: 1px solid #334155; border-radius: 0; padding: 8px 0 13px; }
html[data-wfo-theme="dark"] #wfo-customer-menu :is(a,button)[role="menuitem"]:is(:hover,:focus-visible),
html[data-wfo-theme="dark"] #wfo-customer-menu :is(a,button):is(:hover,:focus-visible) { background: #1e293b; color: #f8fafc; }
html[data-wfo-theme="dark"] #wfo-customer-menu :is(a,button):is(:hover,:focus-visible) :is(span,svg) { color: inherit; }
html[data-wfo-theme="dark"] .board-match-context .pill { background: #302819; color: #f59e0b; }
/* Navigation emphasis is an underline, not a separate green tile on the overview. */
html[data-wfo-theme="dark"] :is(.team-tabs a.active,.match-tabs a.active) { background: transparent; color: #10b981; border-color: #10b981; }
html[data-wfo-theme="dark"] .team-inside-navigation .team-tabs { border-color: #334155; }
html[data-wfo-theme="dark"] .team-management-overview .team-context-card { background: transparent; border: 0; border-bottom: 1px solid #334155; border-radius: 0; }
/* The global footer uses the same surface tokens as the rest of the PWA. */
html[data-wfo-theme="dark"] .wfo-footer-icon { background: #1e293b; color: #10b981; border-color: #334155; }
html[data-wfo-theme="dark"] a.wfo-footer-icon:is(:hover,:focus-visible) { background: #123b30; color: #f8fafc; border-color: #10b981; }
html[data-wfo-theme="dark"] .wfo-footer-icon.is-unlinked { background: #161f2e; color: #64748b; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.wfo-footer-icons--information,.wfo-footer-copyright) { border-color: #334155; }
html[data-wfo-theme="dark"] .wfo-footer-brand { color: #f8fafc; }
html[data-wfo-theme="dark"] .wfo-footer-copyright { color: #94a3b8; }
html[data-wfo-theme="dark"] .gateway-boot { background: #0b0f17; color: #f8fafc; }
/* Booking, activity-detail and profile-help surfaces use independent legacy card classes. */
html[data-wfo-theme="dark"] :is(.profile-booking-reveal,.profile-booking-payment,.activity-detail-head,.activity-detail-panel,.profile-bookings-empty) { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
html[data-wfo-theme="dark"] :is(.profile-booking-reveal-info strong,.profile-booking-payment h2,.profile-booking-facts dd,.profile-booking-liability strong,.profile-booking-total strong,.activity-detail-head h1,.activity-detail-panel h2,.activity-detail-panel dd,.profile-bookings-empty strong) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.profile-booking-reveal-info small,.profile-booking-reference,.profile-booking-facts dt,.profile-booking-total,.activity-detail-head p,.activity-detail-head small,.activity-detail-panel p,.activity-detail-panel dt,.profile-readonly dt) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.profile-booking-reveal>[data-booking-card-body],.profile-booking-payment-head,.profile-booking-total,.profile-readonly dl>div) { border-color: #334155; }
html[data-wfo-theme="dark"] .profile-booking-liability { background: #1e293b; border-color: #334155; }
html[data-wfo-theme="dark"] .profile-booking-liability :is(span,small) { color: #cbd5e1; }
html[data-wfo-theme="dark"] .profile-booking-status { background: #123b30; color: #6ee7b7; }
html[data-wfo-theme="dark"] .profile-booking-reveal-action { color: #6ee7b7; }
html[data-wfo-theme="dark"] .activity-detail-notice { background: #392326; color: #fecaca; border: 1px solid #7f3b45; }
html[data-wfo-theme="dark"] .activity-detail-notice--amber { background: #392e19; color: #fcd58a; border-color: #735927; }
html[data-wfo-theme="dark"] .activity-detail-notice :is(strong,p) { color: inherit; }
html[data-wfo-theme="dark"] .activity-detail-amount { background: #392326; color: #fecaca; border: 1px solid #7f3b45; }
html[data-wfo-theme="dark"] .activity-detail-amount :is(strong,span,small) { color: inherit; }
html[data-wfo-theme="dark"] .activity-detail-head .eyebrow { color: #94a3b8; }
html[data-wfo-theme="dark"] .profile-playing .profile-readonly>p { background: #1e293b; color: #cbd5e1; border: 1px solid #334155; border-radius: 10px; padding: 14px; }
html[data-wfo-theme="dark"] .gateway-boot__card { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] #wfo-cold-launch { background: #0b0f17 !important; color: #f8fafc !important; }
html[data-wfo-theme="dark"] #wfo-cold-launch>div { background: #161f2e !important; border-color: #334155 !important; }
html[data-wfo-theme="dark"] #wfo-cold-launch-state { color: #94a3b8 !important; }
html[data-wfo-theme="dark"] :is(.new-content>.empty,.new-content>.error,.my-team-row,.my-team-invitation-row) { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
/* Route renderers also place empty/error states inside nested panels. */
html[data-wfo-theme="dark"] :is(.empty,.error,.profile-context-note) { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
html[data-wfo-theme="dark"] :is(.empty,.error,.profile-context-note) :is(h1,h2,h3,strong) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.empty,.error,.profile-context-note) :is(p,small) { color: #cbd5e1; }
/* Match and Collection surfaces shared by the route renderer. */
html[data-wfo-theme="dark"] :is(.configure-total,.planning-review,.ground-schedule>div,.captain-participation-board .participation-table thead,.captain-participation-board .participation-table th,.create-collection .choice-row) { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.configure-total strong,.planning-review h2,.ground-schedule strong,.captain-participation-board .participation-table th,.create-collection .choice-row strong) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.configure-total span,.planning-review p,.ground-schedule span) { color: #cbd5e1; }
html[data-wfo-theme="dark"] .ground-schedule a { background: #123b30; color: #6ee7b7; }
html[data-wfo-theme="dark"] .captain-participation-board .participation-table :is(td,th) { border-color: #334155; }
html[data-wfo-theme="dark"] .match-day-page .match-day-table { border-color: #334155; }
html[data-wfo-theme="dark"] .match-day-page .match-day-table>header { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] .match-day-page .match-day-row { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] .match-day-page .match-day-row strong { color: #f8fafc; }
html[data-wfo-theme="dark"] .match-day-page .match-day-row select { color: #f8fafc; background: #1e293b; }
html[data-wfo-theme="dark"] .financial-actions-grid a,
html[data-wfo-theme="dark"] .financial-actions-grid a:hover,
html[data-wfo-theme="dark"] .financial-actions-grid a:focus-visible { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] .financial-actions-grid :is(strong,span) { color: #f8fafc; }
html[data-wfo-theme="dark"] .financial-completion.not-ready { background: #392e19; color: #f8fafc; border-color: #735927; }
html[data-wfo-theme="dark"] .financial-completion.not-ready :is(h2,p) { color: #f8fafc; }
html[data-wfo-theme="dark"] .financial-completion .button:disabled { background: #334155; color: #cbd5e1; border-color: #475569; opacity: 1; }
html[data-wfo-theme="dark"] .match-day-page details.match-day-add-player { background: #1e293b; border-color: #334155; }
html[data-wfo-theme="dark"] .match-day-page details.match-day-add-player summary { color: #6ee7b7; }
html[data-wfo-theme="dark"] .match-day-page .match-day-player-choice .participant-avatar.vacant { background: #123b30; color: #6ee7b7; }
html[data-wfo-theme="dark"] .match-day-page .match-day-player-choice .participant-avatar.vacant { color: #6ee7b7 !important; }
@media (max-width: 700px) {
  .general-collection-card.compact header { flex-direction: column; align-items: flex-start; gap: 5px; }
  .general-collection-card.compact header .pill { align-self: flex-start; }
}
html[data-wfo-theme="dark"] :is(.new-content>.empty,.new-content>.error) h1 { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.my-team-identity h2,.my-team-next strong) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.my-team-identity p,.my-team-next,.my-team-next span) { color: #94a3b8; }
html[data-wfo-theme="dark"] .my-team-next { border-color: #334155; }
html[data-wfo-theme="dark"] .my-team-emblem { background: #1e293b; color: #f8fafc; }
html[data-wfo-theme="dark"] .my-team-role { background: #123b30; color: #10b981; }
html[data-wfo-theme="dark"] .my-team-role.member { background: #192d4f; color: #93c5fd; }
html[data-wfo-theme="dark"] .my-team-mobile-open { color: #10b981; }
html[data-wfo-theme="dark"] .my-team-row:has(.my-team-open):is(:hover,:focus-within) { background: #1e293b; border-color: #10b981; }
html[data-wfo-theme="dark"] .wfo-global-rail nav a.active { background: #123b30; color: #10b981; }
html[data-wfo-theme="dark"] .profile-list a strong { line-height: 1.3; overflow-wrap: anywhere; }
html[data-wfo-theme="dark"] .profile-list a span:nth-child(2) { min-width: 0; flex: 1; }
html[data-wfo-theme="dark"] :is(.profile-teams-list .list-row,.customer-pin-group,.customer-pin-dialog) { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
html[data-wfo-theme="dark"] :is(.profile-teams-list .list-row strong,.customer-pin-heading h2,.customer-pin-group h3,.customer-pin-dialog h2) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.profile-teams-list .list-row small,.customer-pin-heading p,.customer-pin-group>p:not(.customer-pin-state),.customer-pin-group h3 small,.customer-pin-dialog>p:not(.customer-pin-eyebrow)) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.profile-teams-list .list-row>span:first-child,.customer-pin-group-icon,.customer-pin-group .customer-pin-security-note) { background: #1e293b; color: #10b981; }
html[data-wfo-theme="dark"] .profile-teams-list .list-row:is(:hover,:focus-visible) { background: #1e293b; border-color: #10b981; }
html[data-wfo-theme="dark"] .customer-pin-group label { color: #f8fafc; }
html[data-wfo-theme="dark"] .customer-pin-secondary { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] .customer-pin-display { background: #123b30; color: #f8fafc; }
html[data-wfo-theme="dark"] .profile-overview .profile-identity p:first-of-type { color: #94a3b8; }
html[data-wfo-theme="dark"] .profile-overview .profile-mobile-logout { background: #321d27; border-color: #854253; color: #ffd7de; }
html[data-wfo-theme="dark"] .profile-overview .profile-mobile-logout:is(:hover,:focus-visible) { background: #4a2632; border-color: #e38b9e; color: #fff; }
html[data-wfo-theme="dark"] .profile-overview .profile-mobile-verified { color: #6ee7b7; }
/* Shared customer surfaces: no light islands inside dark Team, Match or Profile. */
html[data-wfo-theme="dark"] :is(.match-head,.team-match-index-empty,.team-match-index-error,.team-match-index-context,.team-match-index-card,.team-management-members .board-table,.team-management-invitations .board-table,.team-management-collections .empty,.team-management-collections .notice,.profile-side,.profile-readonly,.allocation-option,.venue-choice,.choice-row,.team-dialog,.team-workspace-panel) { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
html[data-wfo-theme="dark"] :is(.team-match-index-card h2,.team-match-index-empty h2,.team-match-index-error h2,.team-management-members strong,.team-management-invitations strong,.profile-side a,.choice-row strong,.venue-choice legend) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.team-match-index-card__meta,.team-match-index-card .match-list-detail,.team-match-index-empty p,.team-match-index-error p,.team-management-members small,.team-management-invitations small,.choice-row small) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.venue-choice .choice-row,.purpose-options button,.team-match-filter-bar button,.team-match-filter-bar button:not(.active),.match-filters button:not(.active)) { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.venue-choice .choice-row:has(input:checked),.allocation-option:has(input:checked)) { background: #123b30; border-color: #10b981; }
html[data-wfo-theme="dark"] :is(.venue-choice input[type="radio"],.choice-row input[type="checkbox"]) { accent-color: #10b981; }
html[data-wfo-theme="dark"] :is(.team-match-filter-bar button.active,.match-filters button.active) { background: #087f57; color: #fff; }
html[data-wfo-theme="dark"] :is(.team-management-members .board-table th,.team-management-invitations .board-table th,.team-management-invitations .board-table td) { background: #1e293b; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.profile-side a.active,.profile-side a:hover) { background: #123b30; color: #6ee7b7; }
html[data-wfo-theme="dark"] :is(.planning-facts>div,.match-overview-board .planning-facts>div) { background: transparent; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.planning-facts dt,.planning-facts dd) { background: transparent; }
html[data-wfo-theme="dark"] :is(.team-management-invitations .team-pending-invitations,.team-management-invitations .invitation-history,.team-management-invitations .team-pending-invitations>.rows,.team-management-person-row,.team-management-list-content,.team-management-collections .team-collection-empty,.team-management-matches .match-filters button:not(.active)) { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.team-invitation-table-head,.team-management-person-row:nth-child(even)) { background: #1e293b; color: #cbd5e1; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.team-management-invitations h2,.team-management-person-copy strong,.team-collection-empty h2) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.team-management-person-copy small,.team-collection-empty p) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.customer-home-feature button,.customer-home-hero--action .button) { background: #10b981; color: #0b0f17; border-color: #10b981; }
html[data-wfo-theme="dark"] .customer-home-hero--action { color: #f8fafc; }
html[data-wfo-theme="dark"] .customer-home-hero-photo { border-top: 0; }
html[data-wfo-theme="dark"] .match-focus [data-edit-match] .choice-row:has(input:checked) { background: #123b30; border-color: #10b981; }
html[data-wfo-theme="dark"] .new-hero { background: #161f2e; color: #f8fafc; border-color: #334155; box-shadow: none; }
html[data-wfo-theme="dark"] .new-hero :is(h1,h2,strong) { color: #f8fafc; }
html[data-wfo-theme="dark"] .new-hero :is(p,small,.match-context-meta) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.participation-board,.participation-setup,.match-overview-readiness,.match-control-list,.match-control-list .match-overview-action,.captain-participation-board .board-table-wrap,.captain-participation-board .participation-table tr,.customer-home-row) { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.participation-board h2,.captain-participation-board>header h2,.board-response-summary strong,.match-overview-readiness h3,.match-overview-action strong,.captain-participation-board .participation-table td:first-child strong,.captain-participation-board .participation-table td:nth-child(3),.customer-home-row b) { color: #f8fafc; }
html[data-wfo-theme="dark"] :is(.participation-board header p,.board-response-summary,.match-overview-action small,.customer-home-row small) { color: #94a3b8; }
html[data-wfo-theme="dark"] :is(.captain-participation-board .participation-tabs button,.match-filters>a) { background: #1e293b; color: #cbd5e1; border-color: #334155; }
html[data-wfo-theme="dark"] :is(.captain-participation-board .participation-tabs button.active,.match-filters>a.active) { background: #123b30; color: #6ee7b7; border-color: #10b981; }
html[data-wfo-theme="dark"] .match-overview-action.participation-action { background: #123b30; border-left-color: #10b981; }
html[data-wfo-theme="dark"] .match-overview-action.participation-action :is(strong,.match-action-icon) { color: #6ee7b7; }
/* Match list date tile and overview controls are separate renderer components. */
html[data-wfo-theme="dark"] .match-list .match-card { background: #161f2e; color: #f8fafc; border-color: #334155; }
html[data-wfo-theme="dark"] .match-list .match-date-block { background: #1e293b; color: #f8fafc; border: 1px solid #334155; }
html[data-wfo-theme="dark"] .match-list .match-date-block :is(strong,span) { color: #f8fafc; }
html[data-wfo-theme="dark"] .match-list :is(.match-card-context,.team-match-index-facts,.match-card .meta,.match-card .state) { color: #cbd5e1; }
html[data-wfo-theme="dark"] .match-control-list .match-overview-action :is(.match-action-icon,.match-action-arrow) { color: #6ee7b7; }
html[data-wfo-theme="dark"] .match-control-list .match-overview-action :is(:hover,:focus-visible) { background: #1e293b; color: #f8fafc; }
html[data-wfo-theme="dark"] .captain-participation-board .participation-table .pill:not(.success) { background: #123b30; color: #6ee7b7; }
/* Shared Team, Match and Collection controls use the same dark surface tokens. */
html[data-wfo-theme="dark"] :is(.general-collection-card,.team-financial-match-card,.financial-summary-metrics,.financial-breakdown,.general-obligation-list article,.team-settings-card,.configure-state) { background:#161f2e;color:#f8fafc;border-color:#334155; }
html[data-wfo-theme="dark"] :is(.collection-kind-icon,.team-financial-match-card .collection-kind-icon,.financial-progress-track,.team-financial-switch) { background:#1e293b;color:#6ee7b7; }
html[data-wfo-theme="dark"] :is(.general-collection-card small,.team-financial-match-card small,.financial-summary-metrics span,.financial-progress>div:first-child,.general-obligation-list small) { color:#cbd5e1; }
html[data-wfo-theme="dark"] :is(.general-collection-card h2,.team-financial-match-card strong,.financial-summary-metrics strong,.general-obligation-list strong,.team-financial-overview h1) { color:#f8fafc; }
html[data-wfo-theme="dark"] :is(.financial-summary-metrics>div+div,.financial-breakdown>div+div) { border-color:#334155; }
html[data-wfo-theme="dark"] .configure-state :is(.configure-match-size input,.configure-match-size span,.playing-place-identity input,.playing-place-identity select,.playing-place-amount input,.playing-place-stepper input) { background:#1e293b;color:#f8fafc;border-color:#475569; }
html[data-wfo-theme="dark"] .configure-state :is(.configure-match-size,.playing-place-amount,.playing-place-identity) { color:#f8fafc; }
html[data-wfo-theme="dark"] .configure-state :is(.playing-place-stepper button,.playing-place-add) { color:#6ee7b7; }
@media(max-width:700px){.team-management-members .team-section-action{flex-wrap:wrap}.team-members-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.team-members-actions .button{width:100%;min-width:0;white-space:normal;text-align:center}}
@media(max-width:700px){.configure-state .playing-place-group{grid-template-columns:22px minmax(0,1fr) 49px 64px 18px;gap:4px}.configure-state .playing-place-identity{min-width:0;overflow:hidden}.configure-state .playing-place-identity :is(input,select){display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}.configure-state .playing-place-amount{min-width:0;gap:1px}.configure-state .playing-place-amount input{box-sizing:border-box;width:32px;min-width:0}.configure-state .playing-place-stepper{min-width:0}.configure-state .playing-place-remove{padding:0}}
@media(max-width:400px){.configure-state .playing-place-group{grid-template-columns:22px minmax(0,1fr) 68px 18px;grid-template-areas:"icon identity identity remove" ". amount stepper .";row-gap:5px}.configure-state .place-role-icon{grid-area:icon}.configure-state .playing-place-identity{grid-area:identity}.configure-state .playing-place-amount{grid-area:amount}.configure-state .playing-place-stepper{grid-area:stepper}.configure-state .playing-place-remove{grid-area:remove}.configure-state .playing-place-identity input{font-size:12px}.configure-state .playing-place-amount input{width:44px}}
@media(max-width:400px){.configure-state .playing-place-group label:nth-of-type(1).playing-place-amount{grid-area:amount;grid-column:amount;grid-row:amount;justify-self:start}.configure-state .playing-place-amount input{width:44px}}
@media(max-width:700px){.general-collections-heading~.match-filters{gap:8px;margin:0 -10px 14px;padding:0 10px 5px;overflow-x:auto;scroll-snap-type:x proximity}.general-collections-heading~.match-filters>a{flex:none;min-height:40px;padding:0 12px;border:1px solid var(--line);font-size:12px;scroll-snap-align:start}}