.account-preview-dialog{width:min(480px,calc(100vw - 32px));max-height:80vh;margin:auto;padding:20px;border:1px solid var(--bdr);border-radius:16px;background:var(--sur);color:var(--tx);box-shadow:0 20px 70px #0003}
.account-preview-dialog::backdrop{background:#0006}
.account-preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}
.account-preview-heading h2{font-size:18px}
.account-preview-heading button{border:0;background:transparent;color:var(--tx2);font-size:26px;cursor:pointer}
.account-preview-dialog label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}
.account-preview-dialog input{width:100%;padding:10px 12px;border:1px solid var(--bdr2);border-radius:8px;background:var(--bg);color:var(--tx)}
.account-preview-dialog p{font-size:12px;line-height:1.6;color:var(--tx2);margin:10px 0}
.account-preview-users{max-height:45vh;overflow:auto;display:flex;flex-direction:column;gap:4px}
.account-preview-user{padding:12px;text-align:left;border:1px solid transparent;border-radius:9px;background:var(--sur);color:var(--tx);cursor:pointer}
.account-preview-user:hover,.account-preview-user:focus-visible{background:var(--p3);border-color:var(--p5)}
.account-preview-user strong,.account-preview-user span{display:block;overflow-wrap:anywhere}
.account-preview-user span{font-size:12px;color:var(--tx2);margin-top:5px}
.account-preview-user:disabled{opacity:.5;cursor:wait}
.account-preview-banner{position:fixed;inset:0 0 auto;z-index:11000;background:var(--am-bg);color:var(--tx);border-bottom:1px solid var(--am-b);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-preview-banner strong{display:block;font-size:13px;overflow-wrap:anywhere}
.account-preview-banner span{display:block;font-size:11px;color:var(--tx2);margin-top:3px}
.account-preview-banner button{flex-shrink:0;padding:8px 10px;border:1px solid var(--am-b);border-radius:8px;background:var(--sur);color:var(--tx);font-size:12px;font-weight:700;cursor:pointer}
body.account-preview-active{padding-top:var(--account-preview-height,66px)}
body.account-preview-active .app-wrap{height:calc(100dvh - var(--account-preview-height,66px) - 44px - var(--footer-h))}
body.account-preview-active [data-jwms-link],body.account-preview-active #account-logout,body.account-preview-active #board-write-btn,body.account-preview-active .post-detail-actions-toggle,body.account-preview-active .post-comment-form{display:none!important}
body.account-preview-expired .app-wrap,body.account-preview-expired .flow-bar,body.account-preview-expired .mob-header,body.account-preview-expired .mob-nav{visibility:hidden;pointer-events:none}
@media(max-width:599px){body.account-preview-active{padding-top:calc(var(--account-preview-height,66px) + 52px)}body.account-preview-active .mob-header,body.account-preview-active .sb{top:var(--account-preview-height,66px)}body.account-preview-active .app-wrap{height:calc(100dvh - var(--account-preview-height,66px) - 52px - 60px)}body.account-preview-active.mobile-chat-open{padding-top:var(--account-preview-height,66px)}body.account-preview-active.mobile-chat-open .app-wrap{height:calc(100dvh - var(--account-preview-height,66px))}.account-preview-banner{padding:9px 10px;gap:8px}.account-preview-banner span{max-width:210px}}
.fb-status-btn[data-account-preview-open][hidden],.ctx-item[data-account-preview-open][hidden]{display:none!important}
.ctx-item[data-account-preview-open]{width:100%;border:0;background:transparent;text-align:left}
.ctx-item[data-account-preview-open]:hover{background:var(--p3)}
