/* One panel, one scroll area, same B9 controls in Main and DEV. */
#securityModal{box-sizing:border-box;inset:0 0 auto;height:var(--security-viewport-height,100dvh);top:var(--security-viewport-top,0px);padding:16px;overflow:hidden}
#securityModal>.panel{box-sizing:border-box;display:flex;flex-direction:column;width:min(540px,100%);max-height:100%;padding:20px;overflow:hidden;min-height:0}
#securityModal .panel-head{flex:0 0 auto;padding-bottom:14px;background:#fff;gap:12px}
#securityModal .security-body{overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 2px 12px}
#securityModal input{font-size:16px;box-sizing:border-box;width:100%}
.security-section{border-top:1px solid #c8cbc5;margin-top:12px}
.security-section>summary{padding:16px 4px;font-size:17px;font-weight:650;cursor:pointer;line-height:1.4}
.security-section-content{padding:0 4px 12px}
.security-section:not([open])>.security-section-content{display:none}
.security-feedback:empty{display:none}
#securityModal .security-feedback:not(:empty){display:block;margin:12px 0;padding:14px;font-size:16px;font-weight:650;line-height:1.5;color:#542900;background:#fff0cc;border:2px solid #bd6600;border-radius:12px;overflow-wrap:anywhere}
.security-panel-host .panel>:not(.panel-head):not(#securityFrame){display:none!important}
#securityFrame{display:block;flex:1 1 auto;min-height:0;border:0;width:100%;height:min(72dvh,680px);background:#fff}
.security-panel-document #app,.security-panel-document #composerZone{display:none!important}
.security-panel-document #securityModal{position:static;height:auto;padding:0;background:transparent;overflow:visible}
.security-panel-document #securityModal>.panel{width:100%;max-width:none;max-height:none;box-shadow:none;border:0;padding:12px}
.security-panel-document #securityModal .security-body{overflow:visible}
.security-panel-framed #securityModal .panel-head{display:none}
.security-panel-document #login{min-height:0;padding:16px}
.security-panel-document body{background:#fff!important}
.security-panel-document canvas{display:none!important}
#registerPasskeySeparate:not(.hidden){display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;height:auto;padding:12px;text-align:center;text-decoration:none;background:#202624;color:#fff;margin-top:10px}
#newPasswordDialog::backdrop{background:rgba(32,38,36,.48)}
@media(max-width:700px){#securityModal{padding:8px}#securityModal>.panel{padding:16px;border-radius:18px}#securityModal .panel-head h2{font-size:24px}}

.security-panel-document:not(.security-panel-framed) #securityModal .panel-head{position:sticky;top:0;z-index:1}

/* The inactivity toggle is a checkbox, not a full-width text field. */
#idleTimeoutSection label:first-of-type{display:flex;align-items:flex-start;gap:10px;margin:10px 0 16px;line-height:1.4}
#securityModal #disableIdleLogout{width:20px;height:20px;flex:0 0 20px;margin:0}
#idleTimeoutSection label[for="idleTimeoutMinutes"]{display:block;margin-bottom:8px}