/* Personal menu controls are separate from the club's shared appearance. */
#view-settings [data-settings-menu]{scroll-margin-top:4.5rem}
#view-settings [data-settings-menu] .settings-menu-slots{grid-template-columns:minmax(0,1fr);gap:.45rem;max-width:48rem;padding:.5rem}
#view-settings [data-settings-menu] .settings-menu-slot{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.15rem .5rem;padding:.5rem;align-items:center}
#view-settings [data-settings-menu] .settings-menu-position{grid-column:2;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;min-width:0}
#view-settings [data-settings-menu] .settings-menu-position small{font-size:.7rem;line-height:1.35;text-align:right}
#view-settings [data-settings-menu] .settings-menu-slot>.select{grid-column:2;width:100%;max-width:100%;min-height:44px;font-size:16px}
#view-settings [data-settings-menu] .settings-menu-grip{grid-column:1;grid-row:1/3;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--club-border);border-radius:.6rem;background:var(--surface);color:var(--club-text);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#view-settings [data-settings-menu] .settings-menu-grip:active{cursor:grabbing}
#view-settings [data-settings-menu] .settings-menu-grip:focus-visible{outline:2px solid var(--club-control-border);outline-offset:2px}
#view-settings [data-settings-menu] .settings-menu-grip:disabled{cursor:default;opacity:.5}
#view-settings [data-settings-menu] .is-menu-dragging{position:relative;z-index:2;border-color:var(--club-control-border);box-shadow:0 3px 12px color-mix(in srgb,var(--club-text) 18%,transparent)}
#view-settings [data-settings-menu] .settings-fixed-slot{min-height:44px;padding:.5rem .65rem}
#view-settings [data-settings-menu] .settings-menu-preview{padding:.35rem .1rem 0}
#view-settings [data-settings-menu] .settings-menu-preview>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}
#view-settings [data-settings-menu] .settings-preview-item{min-width:0;overflow-wrap:anywhere;white-space:normal;text-align:center;font-size:.72rem;padding:.4rem .2rem}
@media(max-width:760px){
 #app-screen #view-settings [data-settings-menu]>.panel-header{display:flex;flex-wrap:wrap;gap:.4rem}
 #app-screen #view-settings [data-settings-menu] .settings-menu-slots{padding:.35rem}
 #app-screen #view-settings [data-settings-menu] .settings-menu-slot{padding:.4rem;gap:.15rem .4rem}
 #app-screen #view-settings [data-settings-menu] .settings-menu-position small{font-size:.66rem}
 #app-screen #view-settings [data-settings-menu] .settings-preview-item{font-size:.65rem}
}