/* ==========================================================
   v179.9.44 — SCORING PREFERENCES TRUE FIT
   Preferences is a fixed utility panel, not a scroll sheet.
   Fit the complete menu above the permanent command bar instead of
   clipping content or relying on overflow/gesture interception.
   Structure applies identically across themes; theme files supply color.
   ========================================================== */

@media (max-width:760px){
  /* No drag handle: this utility is intentionally stationary. */
  #settingsModal .sheet-handle{display:none!important}

  #settingsModal:not(.hidden){
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body:not(.home-page) #settingsModal:not(.hidden){
    padding:max(4px,env(safe-area-inset-top)) 0 var(--v125-action-bar-clearance,calc(86px + env(safe-area-inset-bottom)))!important;
    place-items:end stretch!important;
  }

  body.home-page #settingsModal:not(.hidden){
    padding:max(4px,env(safe-area-inset-top)) 0 max(6px,env(safe-area-inset-bottom))!important;
    place-items:end stretch!important;
  }

  #settingsModal:not(.hidden) > .settings-card{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:10px 12px 8px!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:none!important;
    -webkit-overflow-scrolling:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  body:not(.home-page) #settingsModal:not(.hidden) > .settings-card{
    max-height:calc(100dvh - var(--v125-action-bar-clearance,calc(86px + env(safe-area-inset-bottom))) - max(4px,env(safe-area-inset-top)))!important;
  }
  body.home-page #settingsModal:not(.hidden) > .settings-card{
    max-height:calc(100dvh - max(10px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
  }

  /* Header stays compact and stationary. */
  #settingsModal .modal-head{
    position:relative!important;
    top:auto!important;
    min-height:46px!important;
    padding:1px 0 7px!important;
    gap:8px!important;
  }
  #settingsModal .modal-head strong{
    font-size:16px!important;
    line-height:1.05!important;
    letter-spacing:.01em!important;
  }
  #settingsModal .modal-head small{
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  #settingsModal .modal-head button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    font-size:25px!important;
    line-height:1!important;
  }

  /* Compact vertical rhythm while retaining readable type. */
  #settingsModal .settings-section{
    margin-top:7px!important;
    padding-top:7px!important;
  }
  #settingsModal .settings-section h3{
    margin:0 0 7px!important;
    font-size:20px!important;
    line-height:1.05!important;
  }
  #settingsModal .settings-section > label:not(.setting-toggle){
    display:grid!important;
    gap:4px!important;
    margin:0 0 6px!important;
    font-size:11px!important;
    line-height:1.18!important;
    font-weight:850!important;
  }
  #settingsModal .settings-section select{
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    padding:6px 36px 6px 11px!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }
  #settingsModal .v172-setting-disclosure,
  #settingsModal .settings-hint{
    margin:1px 0 0!important;
    font-size:9.5px!important;
    line-height:1.28!important;
  }

  /* Assist and 3-outs are concise setting rows, not tall content cards. */
  #settingsModal .setting-toggle{
    min-height:42px!important;
    margin-top:6px!important;
    padding:6px 9px!important;
    gap:9px!important;
    border-radius:11px!important;
  }
  #settingsModal .setting-toggle > span{
    display:grid!important;
    gap:1px!important;
    min-width:0!important;
  }
  #settingsModal .setting-toggle b{
    font-size:11.5px!important;
    line-height:1.12!important;
  }
  #settingsModal .setting-toggle small{
    font-size:8.9px!important;
    line-height:1.22!important;
  }
  #settingsModal .setting-toggle input{
    width:21px!important;
    height:21px!important;
    min-height:21px!important;
    flex:0 0 21px!important;
  }

  /* Data controls + about note remain fully visible at the bottom. */
  #settingsModal .settings-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #settingsModal .settings-buttons button{
    min-height:38px!important;
    padding:6px 7px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
  }
  #settingsModal .v90-about-note{
    display:grid!important;
    gap:2px!important;
    margin:7px 0 0!important;
    padding:7px 2px 0!important;
  }
  #settingsModal .v90-about-note strong{
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  #settingsModal .v90-about-note small{
    font-size:8.8px!important;
    line-height:1.22!important;
  }
}

/* Short iPhone viewports get one additional rhythm reduction rather than a
   scroll container. Form controls stay 16px to prevent Safari focus zoom. */
@media (max-width:760px) and (max-height:760px){
  #settingsModal:not(.hidden) > .settings-card{padding:8px 10px 6px!important}
  #settingsModal .modal-head{min-height:42px!important;padding-bottom:5px!important}
  #settingsModal .modal-head strong{font-size:15px!important}
  #settingsModal .modal-head small{font-size:10px!important}
  #settingsModal .settings-section{margin-top:5px!important;padding-top:5px!important}
  #settingsModal .settings-section h3{font-size:18px!important;margin-bottom:5px!important}
  #settingsModal .settings-section > label:not(.setting-toggle){margin-bottom:4px!important;gap:3px!important}
  #settingsModal .settings-section select{min-height:39px!important;height:39px!important}
  #settingsModal .setting-toggle{min-height:38px!important;margin-top:4px!important;padding:5px 8px!important}
  #settingsModal .settings-buttons button{min-height:35px!important}
  #settingsModal .v90-about-note{margin-top:5px!important;padding-top:5px!important}
}