.account-controls{position:relative;margin-left:auto;flex:none;font-size:13px}
.account-controls button,.account-controls summary{white-space:nowrap}
.account-controls summary{cursor:pointer;color:var(--teal);font-weight:650}
.account-controls button{padding:6px 12px}
#account-guest{display:flex;gap:7px}
#account-short-status{font-size:11px;font-weight:500;color:var(--muted);margin-left:4px}
.account-menu-panel{position:absolute;right:0;top:calc(100% + 10px);min-width:275px;padding:14px 17px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #172b351c;z-index:40}
.account-menu-panel p{margin:2px 0;color:var(--muted)}
.account-menu-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.account-dialog{width:min(410px,calc(100% - 32px));max-height:calc(100dvh - 24px);overflow:auto;padding:23px 26px;border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 50px #172b3529;color:var(--ink)}
.account-dialog::backdrop{background:#172b3555}
.account-dialog h2{margin:0 0 7px;border:0;padding:0;font-size:22px}
.account-dialog p{margin:5px 0 12px}
.account-dialog label{display:block;margin:11px 0 4px;font-size:14px}
.account-dialog input,.account-dialog select{min-width:0;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink)}
.account-code-row,.account-dialog-actions{display:flex;gap:8px;align-items:center}
.account-code-row button{flex:none;padding:8px 9px}
.account-dialog-actions{justify-content:flex-end}
.account-feedback{min-height:24px;color:var(--danger);font-size:13px}
.account-dialog .account-feedback{margin-top:12px}
@media(max-width:760px){
 .customer-ui .site-header{height:92px}
 .customer-ui .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px 44px;gap:0;padding:0 12px}
 .customer-ui .site-nav{grid-area:2/1/3/3;margin:0;justify-content:space-between}
 .customer-ui .site-nav a{padding:0 6px;font-size:12px}
 .account-controls{grid-area:1/2/2/3}
 .account-controls button{padding:5px 9px}
 .customer-chat #app{height:calc(100dvh - 92px)}
 .chat-sidebar{top:92px}
}