/* v1.43.4 — approved clay presentation. No data, scoring or behavior changes.
   One spacing scale: 4 / 8 / 12 / 16 / 24. Controls in each group inherit
   one height; compact data controls stay compact and charts stay flat. */
:root[data-palette="matchday"] {
  --clay-light: var(--clay-highlight);
  --clay-space-1: 4px;
  --clay-space-2: 8px;
  --clay-space-3: 12px;
  --clay-space-4: 16px;
  --clay-space-6: 24px;
  --clay-gap: var(--clay-space-2);
  --clay-padding: var(--clay-space-6);
  --clay-control-height: 44px;
  --clay-compact-height: 32px;
  --clay-radius: 24px;
  --clay-inner-radius: 16px;
  --clay-control-radius: 12px;
  --clay-gold: #efbd54;
  --clay-gold-ink: #493817;
  --clay-gold-light: #ffe2a0;
  --clay-gold-shade: #c6912e66;
}
:root[data-palette="matchday"][data-appearance="light"] {
  --paper: #ecebe5;
  --surface: #f1f0eb;
  --card: #f1f0eb;
  --field: #e7e6df;
  --ink: #303634;
  --muted: #5c645e;
  --line: #cdd0c7;
  --green: #876018;
  --mint: #eee1bf;
  --on-accent: #493817;
  --action-bg: #efbd54;
  --action-text: #493817;
  --header: #ecebe5;
  --header-text: #303634;
  --header-muted: #5c645e;
  --header-accent: #876018;
  --positive: #25674c;
  --negative: #9b4c45;
  --red: #9b4c45;
  --error-bg: #f1dcd5;
  --warning: #795915;
  --warning-bg: #f0e3c1;
  --buy-low: #25674c;
  --sell-high: #795915;
  --clay-raised: #f7f5ef;
  --clay-shadow-color: #cacac1;
  --clay-highlight: #ffffffb0;
  --clay-edge: #fffdf8;
  --clay-shade: #b9b9af66;
  --clay-purple: #76588f;
  --clay-purple-bg: #e4dbed;
  --clay-range: #a5b0a8;
  --clay-blue: #527c92;
}
:root[data-palette="matchday"][data-appearance="dark"] {
  --paper: #242a31;
  --surface: #303740;
  --card: #303740;
  --field: #262d35;
  --ink: #f2f1e9;
  --muted: #b6bcb9;
  --line: #4b535b;
  --green: #efbd54;
  --mint: #494337;
  --on-accent: #493817;
  --action-bg: #efbd54;
  --action-text: #493817;
  --header: #242a31;
  --header-text: #f2f1e9;
  --header-muted: #b6bcb9;
  --header-accent: #efbd54;
  --positive: #a0d7b6;
  --negative: #f2aaa0;
  --red: #f2aaa0;
  --error-bg: #513e40;
  --warning: #efcd83;
  --warning-bg: #494337;
  --buy-low: #a0d7b6;
  --sell-high: #efcd83;
  --clay-raised: #39414b;
  --clay-shadow-color: #161c22;
  --clay-highlight: #68717a40;
  --clay-edge: #59616a;
  --clay-shade: #161c2280;
  --clay-purple: #d1b9ef;
  --clay-purple-bg: #484052;
  --clay-range: #82938a;
  --clay-blue: #96becf;
}
:root[data-palette="matchday"] {
  --clay-shadow: 8px 9px 19px var(--clay-shadow-color), -6px -7px 17px var(--clay-light), inset 2px 2px 3px var(--clay-edge), inset -2px -3px 5px var(--clay-shade);
  --clay-button-shadow: 3px 4px 7px var(--clay-shadow-color), -2px -2px 6px var(--clay-light), inset 1px 1px 2px var(--clay-edge), inset -1px -2px 3px var(--clay-shade);
  --clay-inset-shadow: inset 3px 3px 6px var(--clay-shadow-color), inset -2px -2px 4px var(--clay-light);
  --panel-shadow: var(--clay-shadow);
  --menu-shadow: var(--clay-shadow), 0 16px 32px #00000026;
  --clay-window-shadow: 0 16px 48px #00000055, inset 1px 1px 3px var(--clay-edge), inset -1px -2px 4px var(--clay-shade);
}

/* Shared controls. Native toggles, row selectors, charts and range inputs
   retain their established geometry; action groups get equal-height buttons. */
body.discovery-app button {
  box-sizing: border-box;
  min-height: var(--clay-control-height);
  padding: var(--clay-space-2) var(--clay-space-3);
  border: 1px solid transparent;
  border-radius: var(--clay-control-radius);
  background: var(--clay-raised);
  color: var(--ink);
  box-shadow: var(--clay-button-shadow);
  line-height: 1.25;
}
body.discovery-app button:not(:disabled):active {
  box-shadow: var(--clay-inset-shadow);
}
body.discovery-app button:disabled { opacity: .45; box-shadow: none; }
body.discovery-app :is(button,summary,input,select,textarea):focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}
body.discovery-app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea) {
  box-sizing: border-box;
  min-height: var(--clay-control-height);
  border: 1px solid transparent;
  border-radius: var(--clay-control-radius);
  background: var(--field);
  color: var(--ink);
  box-shadow: var(--clay-inset-shadow);
  padding: var(--clay-space-2) var(--clay-space-3);
}
body.discovery-app :is(.team-picker,.partner-picker,.position-dropdown,.opportunity-picker)>summary,
body.discovery-app .saved-league-picker>summary,
body.discovery-app button#locksSection.keep-launcher {
  min-height: var(--clay-control-height);
  border: 1px solid transparent;
  border-radius: var(--clay-control-radius);
  background: var(--field);
  color: var(--ink);
  box-shadow: var(--clay-inset-shadow);
}
body.discovery-app :is(#search,.connection-submit,[data-copy-trade],#allTrades[aria-pressed="true"],#savedTrades[aria-pressed="true"],.connection-card button[type="submit"]) {
  background: var(--clay-gold);
  color: var(--clay-gold-ink);
  border-color: transparent;
  border-radius: var(--clay-control-radius);
  box-shadow: 3px 4px 8px var(--clay-shadow-color), inset 2px 2px 3px var(--clay-gold-light), inset -2px -3px 5px var(--clay-gold-shade);
}
body.discovery-app :is(.secondary,.roster-launcher,.constraint-chip,[data-view-trade],[data-open-saved]) {
  background: var(--clay-raised);
  color: var(--ink);
  border-color: transparent;
  border-radius: var(--clay-control-radius);
}
body.discovery-app button.secondary:not(:disabled):hover,
body.discovery-app :is([data-view-trade],[data-open-saved]):not(:disabled):hover { background: var(--mint); }
body.discovery-app :is(.text-button,.account-text-button,.player-name-button,.player-insight-trigger,.signal-explain,.matchup-inline-button,.schedule-info-button) {
  box-shadow: none;
  background: transparent;
  border-color: transparent;
  min-height: var(--clay-compact-height);
}

/* The same eight-pixel gutter and forty-four-pixel height in action rows. */
body.discovery-app :is(.header-tools,.workspace-actions,.search-footer,.saved-actions,.saved-card-actions,.empty-actions,.trade-export-actions,.season-week-actions,.league-manager-actions,.personal-lists-actions,.account-tabs,.fade-position-tabs,.fade-search-control) {
  gap: var(--clay-gap);
  align-items: center;
}
body.discovery-app .report-navigation { gap:var(--clay-gap); align-items:center; }
body.discovery-app .report-navigation>button { height:var(--clay-control-height); min-height:var(--clay-control-height); }
body.discovery-app .trade-option-header>button { height:var(--clay-compact-height); min-height:var(--clay-compact-height); }
body.discovery-app :is(.workspace-actions,.search-footer,.saved-actions,.saved-card-actions,.empty-actions,.trade-export-actions,.league-manager-actions,.personal-lists-actions,.account-tabs,.fade-position-tabs)>button {
  height: var(--clay-control-height);
  min-height: var(--clay-control-height);
  margin-top: 0;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.discovery-app :is(.appearance-switch,.report-span-switch,.ranking-method,.mobile-lineup-tabs,.report-tabs,.inbox-controls) {
  gap: var(--clay-space-1);
  border: 0;
  padding: var(--clay-space-1);
  border-radius: var(--clay-inner-radius);
  background: var(--field);
  box-shadow: var(--clay-inset-shadow);
}
body.discovery-app :is(.appearance-switch,.report-span-switch,.ranking-method,.mobile-lineup-tabs,.report-tabs,.inbox-controls)>button {
  min-height: 36px;
  height: 36px;
  padding: var(--clay-space-2) var(--clay-space-3);
  border: 0;
  border-radius: var(--clay-control-radius);
  box-shadow: none;
  background: transparent;
  color: var(--muted);
}
body.discovery-app :is(.appearance-switch,.report-span-switch,.ranking-method,.mobile-lineup-tabs,.report-tabs)>button:is([aria-pressed="true"],.active) {
  background: var(--clay-raised);
  color: var(--ink);
  box-shadow: var(--clay-button-shadow);
}
body.discovery-app .top .header-tools { gap: var(--clay-gap); }
body.discovery-app .top .header-tools :is(#openTradeRewind,#openPersonalData,#changeLeague,#openGuide) {
  height: var(--clay-control-height);
  min-height: var(--clay-control-height);
  max-height: var(--clay-control-height);
  padding: 0 var(--clay-space-3);
  border: 1px solid transparent;
  border-radius: var(--clay-control-radius);
  background: var(--clay-raised);
}
body.discovery-app .top .header-tools #openTradeRewind { background: var(--clay-purple-bg); color: var(--clay-purple); }
body.discovery-app .top .header-tools .appearance-switch {
  height: var(--clay-control-height);
  gap: var(--clay-space-1);
  padding: var(--clay-space-1);
  border-radius: var(--clay-inner-radius);
  background: var(--field);
}
body.discovery-app .top .header-tools [data-mode-choice] { height: 36px; min-height: 36px; max-height: 36px; padding: 0 var(--clay-space-2); }
body.discovery-app .top .header-tools .appearance-switch>[data-mode-choice]:is(:first-child,:last-child) {
  border: 0; border-radius: var(--clay-control-radius); box-shadow: none;
}
body.discovery-app .top .header-tools .appearance-switch>[data-mode-choice][aria-pressed="true"] {
  background: var(--clay-raised); color: var(--ink); box-shadow: var(--clay-button-shadow);
}

/* Primary surfaces share padding, radius, and elevation. No new nested boxes. */
body.discovery-app :is(.connection-card,.team-context,.result,.trade-option,.saved-row.trade-option,.league-dialog,.customization-panel,.weekly-week-dialog),
body.discovery-app .workbench>.search-shell,
body.discovery-app .workbench>.results-area {
  background: var(--surface);
  border: 1px solid transparent;
  border-radius: var(--clay-radius);
  box-shadow: var(--clay-shadow);
  padding: var(--clay-padding);
}
body.discovery-app :is(.workbench,.results-list,.trade-options-grid,.report-columns) { gap: var(--clay-space-6); }
body.discovery-app .workspace-context { margin-bottom: var(--clay-space-6); }
body.discovery-app #connectionCard {
  width: 100%; max-width: none; margin: 0; padding: var(--clay-padding);
  border: 1px solid transparent; border-radius: var(--clay-radius);
  background: var(--surface); box-shadow: var(--clay-shadow);
}
body.discovery-app .league-dialog #connectionCard {
  padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent;
}
body.discovery-app #connectionCard :is(#provider,#connectionInput) {
  height: var(--clay-control-height); border: 1px solid transparent;
  border-radius: var(--clay-control-radius); background: var(--field);
}
body.discovery-app #connectionCard .connection-submit { min-height: var(--clay-control-height); gap: var(--clay-gap); }
body.discovery-app #teamContext.team-context,
body.discovery-app #rankingReportDock {
  gap: var(--clay-gap);
  padding: var(--clay-space-4);
  border-radius: var(--clay-radius);
  background: var(--surface);
  box-shadow: var(--clay-shadow);
}
body.discovery-app #teamContext :is(#openRoster,.rankings-launcher),
body.discovery-app #rankingControls .rankings-launcher { border-radius: var(--clay-control-radius); }
body.discovery-app #rankingControls #rankingMethod { gap: var(--clay-space-1); padding: var(--clay-space-1); border: 0; background: var(--field); box-shadow: var(--clay-inset-shadow); border-radius: var(--clay-inner-radius); }
body.discovery-app #rankingControls #rankingMethod>button { min-height: 36px; height: 36px; padding: 4px; border: 0; box-shadow: none; border-radius: var(--clay-control-radius); }
body.discovery-app #rankingControls #rankingMethod>button[aria-pressed="true"] { box-shadow: var(--clay-button-shadow); background: var(--clay-raised); color: var(--ink); }
body.discovery-app .tool-tabs { gap: var(--clay-gap); margin-bottom: var(--clay-space-6); align-items: stretch; }
body.discovery-app .tool-tabs button { min-height: 56px; height: 56px; border: 1px solid transparent; border-radius: var(--clay-inner-radius); background: var(--clay-raised); box-shadow: var(--clay-button-shadow); }
body.discovery-app .tool-tabs button.active { background: var(--mint); color: var(--green); box-shadow: var(--clay-inset-shadow); }
body.discovery-app :is(.refine-search,.report-team,.package,.account-panel,.account-recovery,.account-conflict) { background: var(--field); border-color: transparent; border-radius: var(--clay-inner-radius); padding: var(--clay-space-4); }
body.discovery-app .workbench.report-open>.results-area { padding: 0; background: transparent; border: 0; box-shadow: none; }
body.discovery-app .report-team { box-shadow: var(--clay-inset-shadow); }
body.discovery-app .season-metrics>section { padding:var(--clay-space-4); border-radius:var(--clay-inner-radius); border-color:var(--line); background:var(--field); }
body.discovery-app :is(.custom-side,.selection-section) { border-radius:var(--clay-inner-radius); }
body.discovery-app :is(.target-option,.custom-player) { border-radius:var(--clay-control-radius); }
body.discovery-app .trade-option-header { padding-bottom: var(--clay-space-3); margin-bottom: var(--clay-space-3); }
body.discovery-app .saved-trade-header { margin-bottom: var(--clay-space-3); padding-bottom: var(--clay-space-3); }
body.discovery-app .search-basics { gap: var(--clay-space-4); }
body.discovery-app :is(.search-heading,.results-heading) { margin-bottom: var(--clay-space-4); }
body.discovery-app .season-dashboard .season-chart-heading { gap: var(--clay-gap); }
body.discovery-app .season-dashboard .season-chart-heading .report-span-switch { padding: var(--clay-space-1); }
body.discovery-app .season-dashboard .season-chart-heading .report-span-switch button { height: 36px; min-height: 36px; }
body.discovery-app .season-week-actions>button,
body.discovery-app .season-display-options>summary { height: var(--clay-control-height); min-height: var(--clay-control-height); border: 0; border-radius: var(--clay-control-radius); padding: var(--clay-space-2) var(--clay-space-3); box-shadow: var(--clay-button-shadow); background: var(--clay-raised); }
body.discovery-app .season-display-options>summary { display: flex; align-items: center; }
body.discovery-app .schedule-comparison {
  --ftb-bg: var(--paper); --ftb-panel: var(--surface); --ftb-field: var(--field);
  --ftb-ink: var(--ink); --ftb-muted: var(--muted); --ftb-line: var(--line);
  --ftb-accent: var(--green); --ftb-good: var(--positive); --ftb-bad: var(--negative);
  --ftb-plot: var(--clay-range); font-family: var(--font-ui);
}
body.discovery-app .schedule-comparison .ftb-concept-product { padding:var(--clay-space-4); border-radius:var(--clay-inner-radius); font-family:var(--font-ui); }
body.discovery-app .schedule-comparison :is(.ftb-cell,.ftb-info,.ftb-opponent) { box-shadow:none; }
body.discovery-app :is(.display-options-panel,.team-picker-menu,.partner-menu,.saved-league-options,.position-checkboxes,.opportunity-options,.player-rank-popover,.opportunity-popover),
body.discovery-app #teamPickerMenu.banner-team-menu { background: var(--surface); border-color: var(--line); border-radius: var(--clay-inner-radius); padding: var(--clay-space-4); box-shadow: var(--menu-shadow); }
body.discovery-app :is(.team-option,.partner-option,.saved-league-option,.fade-pool-row) { height: auto; box-shadow: none; background: transparent; }
body.discovery-app :is(.team-option,.partner-option,.saved-league-option,.fade-pool-row):hover { background: var(--field); }

/* Windows and account/list surfaces retain their native modal/focus behavior. */
body.discovery-app dialog { background: var(--surface); color: var(--ink); border: 1px solid var(--line); box-shadow: var(--clay-window-shadow); }
body.discovery-app dialog:not(.roster-drawer) { border-radius: var(--clay-radius); }
body.discovery-app dialog:not(.roster-drawer) { box-shadow:var(--clay-window-shadow); }
body.discovery-app :is(.personal-lists-dialog,.league-dialog) { padding: var(--clay-padding); }
body.discovery-app :is(.popup-heading,.personal-lists-head,.roster-drawer-heading) { gap: var(--clay-gap); align-items: center; }
body.discovery-app .personal-lists-head { margin-bottom: var(--clay-space-4); }
body.discovery-app .account-tabs { margin: var(--clay-space-4) 0; }
body.discovery-app .account-panel { margin: var(--clay-space-4) 0; box-shadow: var(--clay-inset-shadow); }
body.discovery-app .account-panel form { gap: var(--clay-gap); }
body.discovery-app .account-settings>.account-setting { border-color: var(--line); border-radius: var(--clay-control-radius); padding: 0 var(--clay-space-3); }
body.discovery-app #fadeListDialog { padding: 0; }
body.discovery-app #fadeListDialog .fade-dialog-header { padding: var(--clay-padding) var(--clay-padding) var(--clay-space-4); background: var(--surface); }
body.discovery-app #fadeListDialog .fade-dialog-content { padding: 0 var(--clay-padding) var(--clay-padding); }
body.discovery-app #fadeListDialog :is(.fade-chip,.fade-pool-row) { border-radius: var(--clay-control-radius); padding: var(--clay-space-3); gap: var(--clay-gap); box-shadow: none; }
body.discovery-app #fadeListDialog .fade-chip { background: var(--clay-raised); }

/* Player Insights: the approved compact side panel, with an inset selected
   game and unchanged confidence rings, metric scales, colors and chart marks. */
body.discovery-app .player-menu {
  --wp-bg: var(--surface); --wp-soft: var(--field); --wp-ink: var(--ink);
  --wp-muted: var(--muted); --wp-line: var(--line); --wp-gold: var(--green);
  --wp-green: var(--positive); --wp-blue: var(--clay-blue); --wp-red: var(--negative);
  --wp-range: var(--clay-range);
}
body.discovery-app .player-menu .wp-card { background: var(--surface); color: var(--ink); border: 1px solid transparent; border-radius: var(--clay-radius); padding: var(--clay-padding); box-shadow: var(--clay-shadow); }
body.discovery-app .opportunity-popover.player-menu { padding:0; border:0; border-radius:var(--clay-radius); background:var(--surface); box-shadow:var(--clay-window-shadow); }
body.discovery-app .opportunity-popover.player-menu .wp-card { box-shadow:none; }
body.discovery-app .player-menu .wp-header { gap: var(--clay-space-3); padding-bottom: var(--clay-space-4); }
body.discovery-app .player-menu .wp-header { padding-right: var(--clay-space-4); }
body.discovery-app .player-menu .wp-section { padding-top: var(--clay-space-3); padding-bottom: var(--clay-space-3); }
body.discovery-app .player-menu .cp-content { gap: var(--clay-space-4); }
body.discovery-app .player-menu .cp-selected-game { background: var(--field); border: 0; border-radius: var(--clay-inner-radius); padding: var(--clay-space-3); box-shadow: var(--clay-inset-shadow); }
body.discovery-app .player-menu .wp-avatar { background: var(--field); box-shadow: var(--clay-inset-shadow); }
body.discovery-app .player-menu :is(.cp-game-navigation,.wp-arrows) { gap: var(--clay-gap); }
body.discovery-app .player-menu :is(.cp-game-navigation,.wp-arrows)>button { min-height: var(--clay-compact-height); height: var(--clay-compact-height); width: var(--clay-compact-height); padding: 4px; border: 0; border-radius: 10px; background: var(--clay-raised); box-shadow: var(--clay-button-shadow); }
body.discovery-app .player-menu .cp-selected-game .cp-game-navigation { grid-template-columns:var(--clay-compact-height) minmax(0,1fr) var(--clay-compact-height); }
body.discovery-app .player-menu :is(.wp-chart-button,.cp-status-button) { box-shadow: none; background: transparent; border: 0; padding: 0; min-height: 0; height: auto; }
body.discovery-app .player-menu .wp-opponent { min-height: 60px; height: auto; border: 0; border-radius: var(--clay-control-radius); padding: var(--clay-space-2) var(--clay-space-1); box-shadow: var(--clay-button-shadow); }
body.discovery-app .player-menu .wp-opponent[aria-pressed="true"] { box-shadow: var(--clay-inset-shadow); }
body.discovery-app .player-menu .wp-schedule { gap: var(--clay-gap); }
body.discovery-app .player-menu :is(.opportunity-close,.pm-fade-action) { min-height: var(--clay-compact-height); height: var(--clay-compact-height); width: var(--clay-compact-height); padding: 7px; border-radius: 10px; }
body.discovery-app .player-menu .wp-footer { gap: var(--clay-gap); }

/* Personal rankings shares the clay system without changing any comparison,
   drag/drop, value-curve or keyboard behavior. */
body.discovery-app #ftb-rank-preview .rk-window { border-color: transparent; border-radius: var(--clay-radius); background: var(--surface); box-shadow: var(--clay-shadow); }
body.discovery-app #personalRankingsDialog #ftb-rank-preview .rk-window { box-shadow:none; }
body.discovery-app #ftb-rank-preview :is(.rk-brandbar,.rk-heading) { padding: var(--clay-space-4) var(--clay-padding); gap: var(--clay-gap); background: var(--surface); }
body.discovery-app #ftb-rank-preview :is(.rk-chrome-actions,.rk-compare-actions,.rk-board-actions,.rk-backup-actions,.rk-curve-controls,.rk-position-tabs) { gap: var(--clay-gap); }
body.discovery-app #ftb-rank-preview :is(.rk-compare-actions,.rk-board-actions,.rk-backup-actions,.rk-curve-controls)>button { height: var(--clay-control-height); min-height: var(--clay-control-height); }
body.discovery-app #ftb-rank-preview :is(.rk-player-card,.rk-choice) { border-radius: var(--clay-inner-radius); background: var(--clay-raised); box-shadow: var(--clay-button-shadow); }
body.discovery-app #ftb-rank-preview .rk-position-tabs { background: var(--field); border: 0; padding: var(--clay-space-1); border-radius: var(--clay-control-radius); box-shadow: var(--clay-inset-shadow); }
body.discovery-app #ftb-rank-preview :is(.rk-position-tabs,.rk-tabs)>button { box-shadow: none; background: transparent; height: 36px; min-height: 36px; }
body.discovery-app #ftb-rank-preview :is(.rk-primary,.rk-secondary,.rk-text-button,.rk-icon-button) { border-radius:var(--clay-control-radius); }
body.discovery-app #ftb-rank-preview .rk-curve-tools>div { display:flex; gap:var(--clay-gap); align-items:center; }
body.discovery-app #ftb-rank-preview .rk-curve-tools>div>button { height:var(--clay-control-height); min-height:var(--clay-control-height); }
body.discovery-app #ftb-rank-preview .rk-position-tabs>button[aria-pressed="true"] { background: var(--clay-raised); box-shadow: var(--clay-button-shadow); }
body.discovery-app #ftb-rank-preview .rk-row { box-shadow: none; }

/* Crystal Ball keeps its violet/gold identity within the same surfaces. */
body.discovery-app #rewind-designs .ftb-rw {
  --r-bg: var(--paper); --r-panel: var(--surface); --r-field: var(--field);
  --r-ink: var(--ink); --r-muted: var(--muted); --r-edge: var(--line);
  --r-gold: var(--green); --r-cyan: var(--clay-purple); --r-soft: var(--clay-purple-bg);
  --r-green: var(--positive); --r-red: var(--negative);
  border: 0; border-radius: var(--clay-radius); background: var(--surface); box-shadow: var(--clay-shadow);
}
body.discovery-app #tradeRewindDialog #rewind-designs .ftb-rw { box-shadow:none; }
body.discovery-app #rewind-designs .ftb-rw button { min-height: var(--clay-control-height); border-radius: var(--clay-control-radius); border: 1px solid transparent; background: var(--clay-raised); box-shadow: var(--clay-button-shadow); }
body.discovery-app #rewind-designs .ftb-rw :is(select,input) { min-height: var(--clay-control-height); border-radius: var(--clay-control-radius); border-color: transparent; background: var(--field); box-shadow: var(--clay-inset-shadow); }
body.discovery-app #rewind-designs :is(.w-actions,.w-inline-actions,.w-scenario-controls,.cb-setup-actions,.r-trade-choices,.u-lineup-filter,.r-picker-row) { gap: var(--clay-gap); }
body.discovery-app #rewind-designs :is(.w-actions,.w-inline-actions,.w-scenario-controls,.cb-setup-actions,.r-trade-choices,.u-lineup-filter)>button { height: var(--clay-control-height); min-height: var(--clay-control-height); }
body.discovery-app #rewind-designs :is(.r-header,.r-footer) { padding: var(--clay-space-4) var(--clay-padding); }
body.discovery-app #rewind-designs :is(.r-toolbar,.r-workspace) { padding: var(--clay-padding); }
body.discovery-app #rewind-designs :is(.r-trade,.w-decision,.r-matchup-card,.cb-result,.u-panel) { border-radius: var(--clay-inner-radius); padding: var(--clay-space-4); background-color: var(--surface); box-shadow: var(--clay-button-shadow); }
body.discovery-app #rewind-designs [data-trades] { gap: var(--clay-space-4); }
body.discovery-app #rewind-designs :is(.r-trade-choices,.u-lineup-filter) { padding: var(--clay-space-1); border-radius: var(--clay-inner-radius); background: var(--field); box-shadow: var(--clay-inset-shadow); }
body.discovery-app #rewind-designs :is(.r-trade-choices,.u-lineup-filter)>button { min-height:36px; height:36px; box-shadow:none; background:transparent; }
body.discovery-app #rewind-designs :is(.r-trade-choices,.u-lineup-filter)>button[aria-pressed="true"] { background:var(--clay-purple-bg); color:var(--clay-purple); box-shadow:var(--clay-button-shadow); }
body.discovery-app #rewind-designs .ftb-rw .w-primary { background: var(--clay-purple-bg)!important; color: var(--clay-purple)!important; }
body.discovery-app #rewind-designs :is(.r-week-nav,.u-panel-heading) { gap: var(--clay-gap); }
body.discovery-app #rewind-designs .r-result-table button { box-shadow: none; background: transparent; }
body.discovery-app .rewind-nav { gap:var(--clay-gap); align-items:center; }
body.discovery-app .crystal-theme { padding:var(--clay-space-1); gap:var(--clay-space-1); border:0; border-radius:var(--clay-inner-radius); background:var(--field); box-shadow:var(--clay-inset-shadow); }
body.discovery-app .crystal-theme>button { height:36px; min-height:36px; border-radius:var(--clay-control-radius); box-shadow:none; }
body.discovery-app .crystal-theme>button[aria-pressed="true"] { background:var(--clay-raised); box-shadow:var(--clay-button-shadow); }

/* Copy/export uses the same computed palette; remove raised outer shadows
   from the cropped boundary while retaining the report's internal surfaces. */
body.discovery-app .trade-export-stage { background: var(--paper); }
body.discovery-app .trade-export-card { background: var(--surface); border-radius: var(--clay-radius); padding: var(--clay-padding); box-shadow: none; }
body.discovery-app .trade-export-card :is(button,summary) { box-shadow: none; }
/* The bundled image renderer accepts RGB/hex, but not computed color(srgb)
   from legacy color-mix(). Keep the export appearance in the same palette. */
body.discovery-app .trade-export-card .season-chart-state { background:var(--field); border-color:var(--line); }
body.discovery-app .trade-export-card .season-chart[data-trade-state="before"] .season-chart-state { background:var(--field); border-color:var(--muted); }
body.discovery-app .trade-export-card .season-chart[data-trade-state="before"] svg { background:transparent; }
body.discovery-app .trade-export-card .position-track-team.position-track-you { background:var(--field); border-color:var(--line); }
body.discovery-app .trade-export-card .position-track-team.position-track-them { background:var(--surface); border-color:var(--line); }

body.discovery-app .goal-position-chips { gap:var(--clay-gap); }
body.discovery-app .goal-position-chips label,
body.discovery-app .goal-position-chips .any-position { min-height:48px; border:1px solid transparent; border-radius:var(--clay-control-radius); background:var(--clay-raised); box-shadow:var(--clay-button-shadow); }
body.discovery-app .goal-position-chips label:has(input:checked),
body.discovery-app .goal-position-chips .any-position[aria-pressed="true"] { background:var(--mint); color:var(--green); box-shadow:var(--clay-inset-shadow); }

@media(max-width:800px) {
  :root[data-palette="matchday"] { --clay-padding: var(--clay-space-4); }
  body.discovery-app #teamContext.team-context,
  body.discovery-app #rankingReportDock,
  body.discovery-app #rankingReportDock #rankingControls { gap: var(--clay-gap); }
  body.discovery-app .tool-tabs button { height: 68px; min-height: 68px; padding: var(--clay-space-2) var(--clay-space-1); }
  body.discovery-app .top .header-tools :is(#openTradeRewind,#openPersonalData,#changeLeague,#openGuide) { padding: 0 var(--clay-space-2); }
  body.discovery-app .player-menu .wp-card { padding: var(--clay-space-4); }
}
@media(max-width:380px) {
  body.discovery-app .top .header-tools { gap: var(--clay-gap); }
  body.discovery-app .player-menu .cp-selected-game .wp-peer-heading { grid-template-columns: 1fr; }
  body.discovery-app .player-menu .wp-schedule { gap: var(--clay-space-1); }
}
@media(max-width:480px) {
  body.discovery-app .result .packages { grid-template-columns:minmax(0,1fr); gap:var(--clay-space-3); }
  body.discovery-app .result .package { padding:var(--clay-space-3); }
}
@media(pointer:coarse) {
  body.discovery-app .player-menu :is(.cp-game-navigation,.wp-arrows)>button { min-height:44px; height:44px; }
}
@media(prefers-reduced-motion:reduce) {
  body.discovery-app :is(button,summary,input,select,textarea) { transition: none; }
}

/* v1.43.5 — one clay tile per position, including its rank and track.
   Overall is a quiet summary above the four equal positional tiles. */
body.discovery-app .positional-rankings { padding-top:var(--clay-space-4); }
body.discovery-app .positional-rankings>.rank-chart-legend {
  display:flex; flex-wrap:wrap; align-items:center; gap:var(--clay-space-3);
  margin:0 0 var(--clay-space-4); color:var(--muted); font-size:11px;
}
body.discovery-app .rank-chart-legend>span { display:inline-flex; align-items:center; gap:6px; }
body.discovery-app .rank-chart-key { display:inline-block; width:9px; height:9px; flex:none; border-radius:50%; background:var(--ink); }
body.discovery-app .rank-chart-key-before { background:var(--surface); border:1.5px solid var(--ink); }
body.discovery-app .rank-chart-key-average { width:1px; height:13px; background:transparent; border-radius:0; border-left:1px dashed var(--muted); }
body.discovery-app .positional-rankings .rank-columns { gap:var(--clay-space-6); }
body.discovery-app .positional-rankings .rank-team>h4 { margin-bottom:var(--clay-space-3); }
body.discovery-app .positional-rankings .rank-strip {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--clay-space-3); align-items:stretch;
}
body.discovery-app .positional-rankings .rank-detail.rank-with-track {
  display:grid; grid-template-rows:minmax(52px,auto) 28px;
  gap:var(--clay-space-2); padding:var(--clay-space-3) var(--clay-space-2);
  border:0; border-radius:var(--clay-inner-radius); background:var(--clay-raised);
  box-shadow:var(--clay-button-shadow);
}
body.discovery-app .positional-rankings .rank-detail>.rank-trigger,
body.discovery-app .positional-rankings .rank-detail>.rank-trigger:not(:disabled):active {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:100%; height:100%; min-height:0; margin:0; padding:0;
  gap:var(--clay-space-2); background:transparent; border:0; border-radius:8px;
  box-shadow:none; color:var(--ink); font-size:12px; line-height:1.25;
}
body.discovery-app .positional-rankings .rank-trigger b { font-size:13px; font-weight:600; }
body.discovery-app .positional-rankings .rank-detail:not(.rank-with-track) {
  grid-column:1/-1; border:0; border-radius:0; padding:0;
  background:transparent; box-shadow:none;
}
body.discovery-app .positional-rankings .rank-detail:not(.rank-with-track)>.rank-trigger {
  flex-direction:row; justify-content:flex-start; gap:var(--clay-space-3);
  min-height:32px; height:32px; padding:0 var(--clay-space-1);
}
body.discovery-app .positional-rankings .rank-with-track .position-track-detail {
  width:100%; height:28px; margin:0!important; padding:0!important;
  border:0!important; background:transparent; box-shadow:none;
}
body.discovery-app .positional-rankings .rank-with-track .position-track-trigger {
  height:28px; min-height:28px; padding:0!important; border:0;
  border-radius:8px; background:transparent; box-shadow:none;
}
body.discovery-app .positional-rankings .rank-with-track .position-track { height:28px; }

/* Same track coordinates, range, average and capped endpoints as before.
   The recessed rail and clearer markers are presentation only. */
body.discovery-app .position-track .track-rail {
  stroke:var(--field); stroke-width:6; stroke-linecap:round;
  filter:drop-shadow(0 1px 0 var(--clay-edge)) drop-shadow(0 -1px 1px var(--clay-shadow-color));
}
body.discovery-app .position-track .track-average {
  stroke:var(--muted); stroke-width:1; stroke-dasharray:2 2; opacity:.8;
}
body.discovery-app .position-track .track-before {
  r:5; fill:var(--clay-raised); stroke:var(--ink); stroke-width:1.6;
}
body.discovery-app .position-track:is(.positive,.negative)>circle:not(.track-before) { r:4.5; }
body.discovery-app .position-track>path:not(.track-rail):not(.track-average) { stroke-linecap:round; stroke-linejoin:round; }
body.discovery-app .position-track>path[stroke-width="2"] { stroke-width:3.5; }
body.discovery-app .trade-export-card .position-track .track-rail { filter:none; stroke:var(--line); }
/* html2canvas does not faithfully render inset multi-shadow surfaces.
   Flatten export elevation so copied cards have no artificial bright bands. */
body.discovery-app .trade-export-card,
body.discovery-app .trade-export-card * { box-shadow:none!important; }
@media(max-width:480px) {
  body.discovery-app .positional-rankings .rank-strip { gap:var(--clay-space-2); }
  body.discovery-app .positional-rankings .rank-detail.rank-with-track { padding:var(--clay-space-3) 6px; }
  body.discovery-app .positional-rankings .rank-trigger b { font-size:12px; }
}

/* Readable card actions at desktop and phone sizes. */
body.discovery-app .trade-option-header { gap:8px; }
body.discovery-app :is(.trade-option-header,.saved-card-actions)>button {
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; min-height:44px; padding:0 14px; gap:6px; margin-left:0;
  font-size:14px; font-weight:600; line-height:1; white-space:nowrap;
  border-radius:11px;
  box-shadow:2px 3px 6px var(--clay-shadow-color),inset 1px 1px 2px var(--clay-edge),inset -1px -1px 2px var(--clay-shade);
}
body.discovery-app .trade-action-button>span:not(.trade-action-icon) { line-height:1; }
body.discovery-app .trade-action-icon { display:block; width:16px; height:16px; flex:0 0 16px; pointer-events:none; }
body.discovery-app .trade-action-check { display:inline-flex; align-items:center; justify-content:center; font-size:16px; line-height:1; }
/* Longer report labels receive more width; every action retains the same height and gutter.
   Container sizing also protects narrow result panels on desktop. */
@container(max-width:600px) {
  body.discovery-app .trade-option-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr); }
  body.discovery-app .trade-option-header .trade-partner-name { grid-column:1/-1; }
  body.discovery-app .saved-trade-header { flex-wrap:wrap; }
  body.discovery-app .saved-card-actions { width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr); gap:8px; }
  body.discovery-app :is(.trade-option-header,.saved-card-actions)>button { width:100%; padding-inline:6px; }
  body.discovery-app .trade-action-arrow { display:none; }
}
@container(max-width:320px) {
  body.discovery-app :is(.trade-option-header,.saved-card-actions)>button { font-size:13px; padding-inline:4px; }
}