/* Closed geometry is untouched. Open geometry reserves real columns for every control. */
.account-page .account-lower{position:relative;isolation:isolate;--security-panel-width:clamp(360px,40vw,440px)}
.account-page .site-canvas .account-panel.account-panel[data-security-expanded]{width:min(1440px,calc(100% - 80px));max-width:1440px}
.account-page .account-panel[data-security-expanded] .account-grid{grid-template-columns:260px minmax(0,1fr)}
.account-page .account-panel[data-security-expanded] .account-lower{display:grid;grid-template-columns:minmax(0,1fr) var(--security-panel-width);grid-template-rows:minmax(0,1fr) auto;column-gap:24px}
.account-page .account-panel[data-security-expanded] .security-card{grid-column:1;grid-row:1;width:100%;min-height:0}
.account-page .account-panel[data-security-expanded] .access-card{grid-column:1;grid-row:2;width:100%}
.account-security-stage{position:relative;grid-column:2;grid-row:1/span 2;width:100%;height:100%;min-width:0;min-height:0;overflow:clip;isolation:isolate;border-radius:0;z-index:1}
.account-security-stage::before{content:'';position:absolute;inset:0 auto 0 0;width:1px;background:#dfe2e8;z-index:3;pointer-events:none}
.account-security-layer{position:absolute;inset:0;transform:translateX(100%);pointer-events:none}
.account-security-layer.layer-0{background:#b497cf}.account-security-layer.layer-1{background:#5227ff}
.account-page .account-security-stage .account-security-dialog{position:absolute;inset:0;display:flex;flex-direction:column;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--page-bg);box-shadow:none;transform:translateX(100%);overflow:clip;color:var(--ink)}
.account-security-stage[data-phase=open] :is(.account-security-layer,.account-security-dialog){transform:translateX(0)}
.account-security-stage[data-phase=open] .account-security-layer{visibility:hidden}
.account-page .account-security-stage[data-phase=open] .account-security-dialog{background:transparent}
.account-page .account-security-stage .account-security-dialog:not([open]){display:none}
.account-page .account-security-stage header{flex:none;min-height:76px;padding:17px 26px;border:0;background:transparent;gap:16px}
.account-page .account-security-stage header .eyebrow{color:#808794;font-size:9px;letter-spacing:.13em;margin-bottom:5px}
.account-page .account-security-stage h2{font-size:21px;font-weight:600;letter-spacing:-.03em}
.account-page .account-security-stage [data-account-security-close]{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #dfe2e8;border-radius:50%;background:transparent;color:#747e8d;cursor:pointer}
.account-page .account-security-stage [data-account-security-close] svg{width:16px;height:16px}
.account-page .account-security-stage [data-account-security-close]:hover:not(:disabled){background:#eceef2;color:#202124}
.account-page .account-security-stage [data-account-security-close]:focus-visible{outline:2px solid #7c879b;outline-offset:3px}
.account-page .account-security-stage [data-account-security-close]:disabled{opacity:.45;cursor:default}
.account-page .account-security-stage .account-security-status{flex:none;height:36px;min-height:36px;margin:0;padding:6px 26px;font-size:11px;line-height:18px;color:#596a82}
.account-page .account-security-stage .account-security-host{flex:1;height:auto;min-height:0;background:transparent}
.account-page .account-security-stage .account-security-host iframe{height:100%;width:100%;border:0;display:block}
.account-page .account-security-stage .account-security-host iframe[hidden]{display:none}
.account-page .account-panel[data-security-expanded] .security-row-content p{overflow-wrap:anywhere}
@media(max-height:700px){.account-page .account-panel[data-security-expanded] .account-lower{padding-block:10px}.account-page .account-security-stage header{min-height:66px;padding:12px 20px}.account-page .account-security-stage .account-security-status{height:24px;min-height:24px;padding:3px 20px}}
@media(max-width:1100px){.account-page .site-canvas .account-panel.account-panel[data-security-expanded]{width:calc(100% - 32px)}.account-page .account-panel[data-security-expanded] .account-grid{grid-template-columns:180px minmax(0,1fr)}.account-page .account-panel[data-security-expanded] .identity-ribbon{padding-inline:14px}.account-page .account-panel[data-security-expanded] .identity-person h2{font-size:20px}.account-page .account-panel[data-security-expanded] .identity-id strong{font-size:23px}.account-page .account-panel[data-security-expanded] .account-lower{padding-inline:16px;column-gap:16px}.account-page .account-panel[data-security-expanded] .security-row{gap:10px}.account-page .account-panel[data-security-expanded] .security-action-slot{width:88px}}
@media(prefers-reduced-motion:reduce){.account-security-stage *{scroll-behavior:auto}}
