/* Settings remain inside the visual viewport, including short landscape screens. */
body.dx-exec-ready .admin-wrap,body.dx-exec-ready #adminProtectedContent{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.dx-exec-ready #adminProtectedContent{width:100%!important}
body.dx-exec-ready #dxExecutiveTabs{min-width:0!important}
#settingsModal{inset:0!important;width:100%!important;height:100dvh!important;box-sizing:border-box!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;align-items:flex-start!important;overflow-y:auto!important;overflow-x:hidden!important}
#settingsPanel{box-sizing:border-box!important;position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;width:min(100%,520px)!important;min-width:0!important;max-width:100%!important;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)))!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0 auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#settingsPanel>*,#adminPreferencesHost,#adminPreferencesHost *{box-sizing:border-box;min-width:0}
#settingsPanel>*{flex-shrink:0}
#settingsPanel .settings-modal-header{position:sticky;top:0;z-index:2;background:var(--surface-raised,#0f1115);padding-block:4px}
#desktopSettingsModal{inset:0!important;box-sizing:border-box!important;align-items:flex-start!important;overflow:auto!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
#desktopSettingsModal .desktop-settings-modal__card{box-sizing:border-box!important;position:relative!important;inset:auto!important;transform:none!important;width:min(100%,1080px)!important;max-width:100%!important;min-width:0!important;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)))!important;overflow:auto!important;margin:0 auto!important}
#adminPreferencesHost{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
#adminPreferencesHost .ap-choice,#ownerNotificationPanel p{overflow-wrap:anywhere}
#adminPreferencesHost select,#adminPreferencesHost .ap-toolbar{max-width:100%}
#ownerNotificationPanel{width:100%;max-width:100%;box-sizing:border-box}
#ownerNotificationPanel .owner-button-row{display:flex;flex-wrap:wrap;gap:10px}
#ownerNotificationPanel .owner-btn{white-space:normal;max-width:100%;min-width:0}
@media(max-width:760px),(max-height:540px){
 body.dx-exec-ready #dxExecutiveTabs{display:flex!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;padding:6px;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}
 body.dx-exec-ready #dxExecutiveTabs .dx-tab{flex:0 0 auto;min-height:42px;padding:8px 12px;white-space:nowrap}
 body.dx-exec-ready[data-dx-owner-section="settings"] #dxExecutiveTabs{position:relative;top:auto}
 #adminPreferencesHost .ap-columns{grid-template-columns:minmax(0,1fr)}
 #adminPreferencesHost .ap-toolbar{align-items:flex-start;flex-direction:column}
 #ownerNotificationPanel h3{font-size:17px;line-height:1.35;text-align:left}
 #ownerNotificationPanel p{font-size:13px;line-height:1.5}
}
