/* ==========================================================
   v179.9.40 — SETUP / LIBRARY / PREFERENCES USABILITY POLISH
   Shared structural/readability refinements. Wrigley color fixes
   are theme-scoped so Default/Generic keep their own identity.
   ========================================================== */

/* ---------- New Game · Step 4 ----------
   Keep Assist + Guardrails useful without adding vertical filler.
   On normal phones the two controls share one row; very narrow
   phones fall back to one column. */
#modeModal .v1722-setup-options{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:8px!important;
  margin:8px 0 8px!important;
}
#modeModal .v1722-assist-row,
#modeModal .v1722-guardrail-row{
  min-width:0!important;
  min-height:92px!important;
  padding:10px 11px!important;
  border-radius:13px!important;
  align-content:start!important;
}
#modeModal .v1722-assist-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto 1fr!important;
  gap:5px 8px!important;
}
#modeModal .v1722-assist-row>span{
  grid-column:1/2!important;
  grid-row:1/3!important;
  align-self:start!important;
}
#modeModal .v1722-assist-row #setupAssistMode{
  grid-column:2/3!important;
  grid-row:1/2!important;
  align-self:start!important;
}
#modeModal .v1722-guardrail-row{
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  gap:7px!important;
}
#modeModal .v1722-assist-row b,
#modeModal .v1722-guardrail-row b{
  font-size:12.5px!important;
  line-height:1.2!important;
}
#modeModal .v1722-assist-row small,
#modeModal .v1722-guardrail-row small{
  display:block!important;
  margin-top:3px!important;
  font-size:8.6px!important;
  line-height:1.32!important;
  font-weight:650!important;
}
#modeModal .v1722-guardrail-segment{
  width:100%!important;
  min-width:0!important;
  padding:3px!important;
}
#modeModal .v1722-guardrail-segment button{
  min-height:32px!important;
  padding:0 5px!important;
  font-size:9.5px!important;
}

/* Wrigley: no iOS blue switch or blue setup identity. */
body[data-theme-family="wrigley"] #modeModal .v1722-assist-row,
body[data-theme-family="wrigley"] #modeModal .v1722-guardrail-row{
  background:transparent!important;
  background-image:none!important;
  border-color:var(--wr-line)!important;
  box-shadow:none!important;
}
body[data-theme-family="wrigley"] #modeModal .v1722-assist-row #setupAssistMode{
  background:var(--wr-green-900)!important;
  border-color:var(--wr-line)!important;
}
body[data-theme-family="wrigley"] #modeModal .v1722-assist-row #setupAssistMode::after{
  background:var(--wr-cream)!important;
  box-shadow:none!important;
}
body[data-theme-family="wrigley"] #modeModal .v1722-assist-row #setupAssistMode:checked{
  background:var(--wr-green-900)!important;
  border-color:var(--wr-yellow)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--wr-yellow) 28%,transparent)!important;
}
body[data-theme-family="wrigley"] #modeModal .v1722-assist-row #setupAssistMode:checked::after{
  background:var(--wr-yellow)!important;
}
body[data-theme-family="wrigley"] #modeModal .v1722-guardrail-segment{
  background:var(--wr-green-900)!important;
  border-color:var(--wr-line)!important;
}
body[data-theme-family="wrigley"] #modeModal .v1722-guardrail-segment button{
  color:var(--wr-cream-muted)!important;
  background:transparent!important;
}
body[data-theme-family="wrigley"] #modeModal .v1722-guardrail-segment button.is-selected{
  background:var(--wr-green-950)!important;
  color:var(--wr-yellow)!important;
  box-shadow:inset 0 -3px var(--wr-yellow)!important;
}

@media(max-width:350px){
  #modeModal .v1722-setup-options{grid-template-columns:1fr!important;gap:6px!important}
  #modeModal .v1722-assist-row,#modeModal .v1722-guardrail-row{min-height:66px!important}
  #modeModal .v1722-assist-row small,#modeModal .v1722-guardrail-row small{font-size:8.2px!important}
}
@media(max-height:700px) and (max-width:760px){
  #modeModal .v1722-assist-row,#modeModal .v1722-guardrail-row{min-height:80px!important;padding:8px 9px!important}
  #modeModal .v1722-assist-row small,#modeModal .v1722-guardrail-row small{font-size:7.8px!important;line-height:1.25!important}
  #modeModal .v1722-guardrail-segment button{min-height:28px!important}
}

/* ---------- Library readability ----------
   Shared typography increases; theme styling stays separate. */
.v175-library-head h2{font-size:clamp(27px,7vw,34px)!important;line-height:1.02!important}
.v175-library-head p{font-size:11px!important;line-height:1.38!important;max-width:48ch!important}
.v175-library-head>span{font-size:9px!important;padding:6px 9px!important}
.v175-source-nav button{min-height:43px!important}
.v175-source-nav button b{font-size:10.5px!important}
.v175-source-nav button small{min-width:20px!important;height:20px!important;font-size:7.5px!important}
.v175-library-summary>div{padding:11px 12px!important;gap:2px!important}
.v175-library-summary small{font-size:7.4px!important}
.v175-library-summary b{font-size:20px!important}
.v175-library-summary span{font-size:8.6px!important;line-height:1.2!important}
.v175-section-head small{font-size:7.2px!important}
.v175-section-head strong{font-size:15px!important;line-height:1.15!important}
.v175-section-head>span{font-size:8px!important}
.v175-compact-open{min-height:48px!important;padding:10px 11px!important}
.v175-compact-source{font-size:6.8px!important;padding:4px 6px!important}
.v175-compact-open>div strong{font-size:11px!important}
.v175-compact-open>div small{font-size:7.8px!important}
.v175-compact-open>b{font-size:12px!important}
.v176-saved-team-card,
.v175-team-season-grid article{padding:10px!important;gap:9px!important}
.v176-saved-team-card small,
.v175-team-season-grid article small{font-size:6.9px!important;line-height:1.2!important}
.v176-saved-team-card strong,
.v175-team-season-grid article strong{font-size:10px!important;line-height:1.2!important}
.v176-saved-team-card em,
.v175-team-season-grid article em{font-size:7.4px!important;line-height:1.25!important}
.v176-saved-team-card button,
.v175-team-season-grid article button{min-height:31px!important;font-size:7.8px!important;padding-inline:9px!important}
.v175-library-search input{height:40px!important;font-size:10.5px!important;padding-inline:11px!important}
.v175-library-search button{min-height:40px!important;font-size:8.5px!important;padding-inline:11px!important}
.v175-status-filters button{min-height:33px!important;font-size:8.6px!important;padding-inline:11px!important}

/* Wrigley Library: remove remaining legacy blue from reusable personal-team UI. */
body[data-theme-family="wrigley"] .v176-saved-team-card,
body[data-theme-family="wrigley"] .v176-team-template-bar{
  background:transparent!important;
  background-image:none!important;
  border-color:var(--wr-line)!important;
  box-shadow:none!important;
}
body[data-theme-family="wrigley"] .v176-saved-team-card small,
body[data-theme-family="wrigley"] .v176-team-template-bar small{
  color:var(--wr-cream-muted)!important;
  -webkit-text-fill-color:var(--wr-cream-muted)!important;
}
body[data-theme-family="wrigley"] .v176-saved-team-card .v175-team-mark.personal{
  color:var(--wr-yellow)!important;
  border-color:var(--wr-line)!important;
  background:var(--wr-green-850)!important;
}
body[data-theme-family="wrigley"] .v176-team-template-bar button.primary{
  background:var(--wr-green-900)!important;
  color:var(--wr-cream)!important;
  border-color:var(--wr-yellow)!important;
}

/* ---------- Preferences readability ---------- */
#settingsModal .settings-card{scroll-padding-bottom:18px!important}
#settingsModal .settings-section{margin-top:13px!important;padding-top:12px!important}
#settingsModal .settings-section h3{font-size:23px!important;line-height:1.1!important;margin:0 0 11px!important}
#settingsModal .settings-section>label:not(.setting-toggle){
  display:grid!important;
  gap:6px!important;
  margin-bottom:10px!important;
  font-size:12px!important;
  font-weight:850!important;
}
#settingsModal .settings-section select{
  min-height:48px!important;
  padding:8px 38px 8px 12px!important;
  font-size:16px!important;
  font-weight:800!important;
}
#settingsModal .v172-setting-disclosure,
#settingsModal .settings-hint{
  font-size:10.5px!important;
  line-height:1.4!important;
}
#settingsModal .setting-toggle{
  min-height:52px!important;
  padding:9px 10px!important;
  margin-top:8px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  gap:10px!important;
  color:var(--text)!important;
}
#settingsModal .setting-toggle>span{display:grid!important;gap:2px!important;min-width:0!important}
#settingsModal .setting-toggle b{font-size:12px!important;line-height:1.2!important}
#settingsModal .setting-toggle small{font-size:9.5px!important;line-height:1.35!important;color:var(--muted)!important}
#settingsModal .setting-toggle input{width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px!important}
#settingsModal .settings-buttons button{font-size:11px!important;font-weight:850!important}
#settingsModal .v90-about-note strong{font-size:11px!important}
#settingsModal .v90-about-note small{font-size:9.5px!important;line-height:1.4!important}

body[data-theme-family="wrigley"] #settingsModal .setting-toggle{
  background:transparent!important;
  background-image:none!important;
  border-color:var(--wr-line-soft)!important;
}
body[data-theme-family="wrigley"] #settingsModal .setting-toggle input{
  accent-color:var(--wr-yellow)!important;
}
body[data-theme-family="wrigley"] #settingsModal .settings-section select{
  background:var(--wr-green-900)!important;
  color:var(--wr-cream)!important;
  border-color:var(--wr-line)!important;
}
body[data-theme-family="wrigley"] #settingsModal .settings-buttons button{
  background:transparent!important;
  color:var(--wr-cream)!important;
  border-color:var(--wr-line)!important;
}