/* Keep all upgrade controls together; only the full panel scrolls on short screens. */
#settingsModal .settings-box-wide{width:min(760px,calc(100vw - 24px))!important;min-width:0;max-height:calc(100dvh - 24px);border-radius:20px!important;border-color:#30343c;box-shadow:0 28px 100px #000a}
#settingsModal .m-head{flex-shrink:0;padding:16px 22px!important;background:linear-gradient(110deg,#191b1d,#101216)}
#settingsModal .settings-kicker{color:#a59b68;font-size:9px;letter-spacing:1.4px}
#settingsModal .settings-tabs{flex-shrink:0;padding:6px 20px;gap:8px}
#settingsModal .settings-tabs button{min-height:38px}
#settingsModal .settings-panel{flex:0 1 auto;padding:16px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#settingsModal .settings-panel[data-settings-panel="upgrade"]{display:grid;gap:16px}
#settingsModal .settings-panel.hidden{display:none}
#settingsModal .settings-panel>section{padding:0;margin:0;min-width:0}
#settingsModal h4{font-size:13px;margin-bottom:9px}
#settingsModal .quick-config h4>button{font-size:11px;color:#c8b65f}
#settingsModal .quick-groups{gap:10px}
#settingsModal .quick-groups>div{padding:10px 12px;background:linear-gradient(135deg,#1b1e24,#14171c);border-color:#2b3039;border-radius:12px}
#settingsModal .quick-groups p{font-size:11px;margin-bottom:8px}
#settingsModal .quick-fields input{height:34px;padding:6px;min-width:0;border:1px solid #2c3139;background:#0a0d11}
#settingsModal .quick-fields input:focus-visible{outline:2px solid #ddc447;outline-offset:1px}
#settingsModal .settings-section-title p{font-size:10px}
#settingsModal .pointer-options{margin-top:10px;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
#settingsModal .pointer-options label>span{min-height:108px;padding:10px 5px;border-radius:12px;background:linear-gradient(155deg,#1a1e25,#101318)}
#settingsModal .pointer-options img{width:38px;height:43px}
#settingsModal .pointer-options small{font-size:9px;line-height:1.35}
#settingsModal .pointer-options input:checked+span{background:linear-gradient(145deg,#302b14,#171a13);border-color:#e3c52c;box-shadow:inset 0 1px #ffe78333,0 3px 14px #dec32912}
#settingsModal .pointer-options input:focus-visible+span{outline:2px solid #ffe26a;outline-offset:2px}
#settingsModal .settings-segment span{min-height:34px}
#settingsModal .settings-switches>label{min-height:44px;padding:0 2px}
#settingsModal .settings-switches small{font-size:10px;line-height:1.4}
#settingsModal .settings-switches input:focus-visible+i{outline:2px solid #ffe26a;outline-offset:3px}
#settingsModal .result-effect-options{gap:10px;margin:0}
#settingsModal .result-effect-options>div{padding:12px;gap:8px;background:linear-gradient(140deg,#1b1e24,#12151a);border-color:#2c323c}
#settingsModal .result-effect-options>div:first-child{border-top-color:#64734a}
#settingsModal .result-effect-options>div:last-child{border-top-color:#785b49}
#settingsModal .result-effect-options select{padding:8px;background:#0e1116}
#settingsModal .result-effect-options button{padding:7px;font-size:11px;background:#d8bc2910}
#settingsModal .settings-save{position:static;flex-shrink:0;width:calc(100% - 40px);min-height:42px;margin:0 20px 16px;box-shadow:0 6px 20px #ffd00012}
@media(max-width:560px){
  #settingsModal .settings-panel{padding:14px;gap:14px}
  #settingsModal .settings-tabs{padding-inline:14px}
  #settingsModal .quick-groups{grid-template-columns:1fr 1fr}
  #settingsModal .quick-groups>div{padding:9px}
  #settingsModal .quick-fields{gap:4px}
  #settingsModal .pointer-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  #settingsModal .pointer-options label>span{min-height:106px}
  #settingsModal .settings-control-grid{grid-template-columns:1fr 1fr;gap:6px}
  #settingsModal .settings-segment span{padding:0 4px;gap:4px;font-size:10px}
  #settingsModal .result-effect-options{grid-template-columns:1fr}
  #settingsModal .settings-save{width:calc(100% - 28px);margin:0 14px 14px}
}


/* Account security: compact summary and one consistent form surface. */
#settingsModal .settings-password{margin:16px 0 22px;border:1px solid #30343e;border-radius:12px;background:linear-gradient(120deg,#171a20,#12151a);overflow:hidden}
#settingsModal .settings-password summary{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 16px;box-sizing:border-box;cursor:pointer;list-style:none}
#settingsModal .settings-password summary::-webkit-details-marker{display:none}
#settingsModal .password-heading-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;color:#ead152;background:#e7ce4710;border:1px solid #e7ce471c}
#settingsModal .password-heading-icon svg{width:20px;height:20px}
#settingsModal .password-heading-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
#settingsModal .password-heading-copy b{font-size:13px;line-height:1.3;color:#eceef3}
#settingsModal .password-heading-copy small{font-size:11px;line-height:1.4;color:#9098a7}
#settingsModal .password-heading-action{display:flex;align-items:center;gap:9px;font-size:12px;color:#d3bd5c;flex:0 0 auto}
#settingsModal .password-chevron{width:20px;height:20px;flex:0 0 20px;transition:transform .2s}
#settingsModal .settings-password[open] .password-chevron{transform:rotate(180deg)}
#settingsModal .settings-password[open] summary{border-bottom:1px solid #2b303a}
#settingsModal .settings-password summary:focus-visible{outline:2px solid #e2c645;outline-offset:-3px}
#settingsModal .settings-password form{padding:16px;margin:0;display:grid;gap:16px}
#settingsModal .settings-password form.hidden{display:none}
#settingsModal .settings-password p{font-size:12px;color:#9ba2ae;line-height:1.6;margin:0}
#settingsModal .password-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#settingsModal .settings-password label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c9ced7;min-width:0}
#settingsModal .settings-password input{box-sizing:border-box;width:100%;height:44px;padding:10px 12px;background:#0c0f14;border:1px solid #333945;border-radius:8px;color:#fff;font:inherit}
#settingsModal .settings-password input::placeholder{color:#68717f}
#settingsModal .settings-password input:focus{outline:2px solid #d3ba42;outline-offset:1px}
#settingsModal .settings-password .btn{margin:0;min-height:44px;width:100%;font-size:12px;border-radius:8px;box-shadow:none;white-space:normal}
#settingsModal .password-help{display:block;text-align:center;font-size:11px;color:#818b9b;line-height:1.4;margin-top:-6px}
#settingsModal .password-buttons{display:grid;gap:10px}
#settingsModal #settingsPasswordCode{font-size:24px;letter-spacing:9px;text-align:center;height:52px;max-width:none}
#settingsModal #passwordChangeMessage:not(:empty){margin:0 16px 16px;padding:10px 12px;border-radius:8px;background:#d9be4610;color:#d8c978;font-size:12px;line-height:1.5}
#settingsModal #passwordChangeMessage:empty{display:none}
#settingsModal #passwordChangeMessage.error{background:#f4797910;color:#f19a9a}
@media(max-width:560px){#settingsModal .password-fields{grid-template-columns:1fr}#settingsModal .settings-password summary{padding:12px;gap:10px}#settingsModal .password-heading-action{font-size:0;gap:0}#settingsModal .password-chevron{width:20px;height:20px}#settingsModal .settings-password form{padding:14px}#settingsModal .password-heading-copy small{font-size:10px}}

#settingsModal .settings-box-wide:has([data-settings-panel="profile"]:not(.hidden)){height:auto!important}
#settingsModal .settings-panel[data-settings-panel="profile"]{flex:0 1 auto!important}