.login-panel{max-width:480px;margin-inline:auto}
.form-grid{display:grid;gap:18px}
.add-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.account-list{display:grid;gap:12px}
.account-card{padding:18px;margin:0}
.account-card .job-top{justify-content:space-between}
.account-footer{display:flex;gap:12px;align-items:center;justify-content:space-between}
.account-footer p{margin:0}
.qr-panel{text-align:center}
.qr-panel img{display:block;max-width:100%;height:auto;margin:20px auto;background:white;border:14px solid white;box-sizing:content-box}
.notice{color:var(--danger);border:1px solid var(--danger);background:var(--danger-soft)}
.action:disabled{opacity:.6;cursor:wait}
.conversation-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:18px}
.chat-list,.message-list{display:flex;flex-direction:column;gap:12px;max-height:65vh;overflow:auto}
.message-list .job-card{margin:0;padding:16px;overflow-wrap:anywhere}
.message-list p{white-space:pre-wrap;margin:8px 0}
.chat-list .action{text-align:left;overflow-wrap:anywhere;flex-shrink:0}
.chat-list [aria-pressed=true]{border-color:var(--accent,#21624f);background:#edf5f0}
.message-outgoing{margin-left:24px!important}
@media(max-width:540px){.conversation-layout{grid-template-columns:1fr}.chat-list{max-height:180px}}
#userEmail{overflow-wrap:anywhere;text-align:right}
@media(max-width:540px){
 .add-form{grid-template-columns:1fr}
 .account-footer{align-items:stretch;flex-direction:column}
 .account-footer .action,.add-form .action{width:100%;min-height:50px}
 .app-panel-title{align-items:flex-start;flex-wrap:wrap}
 .qr-panel img{width:220px}
}