.account-bar{flex:none;padding:8px 18px 12px;border-bottom:1px solid var(--line);background:var(--bg)}
.account-user{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:12px;color:var(--muted);margin-bottom:8px}
.account-text-button,.account-close{background:none;border:0;color:var(--textM);cursor:pointer;font:inherit;padding:5px}
.account-text-button:hover{color:var(--teal)}
.account-offer{display:flex;gap:16px;align-items:center;justify-content:space-between}.account-offer strong{font-size:14px;overflow-wrap:anywhere;font-weight:500}.account-offer-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.account-dialog{margin:auto;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:24px;width:min(740px,calc(100% - 32px));max-height:85dvh;overflow:auto;font:inherit}
.account-dialog::backdrop{background:rgba(0,0,0,.65)}.account-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.account-dialog h2{font-size:20px;font-weight:600}.account-close{font-size:26px;line-height:20px}.account-field{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:16px 0}.account-field input{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--bg2);padding:12px;color:var(--text);font:inherit}.account-field input:focus{outline:1px solid var(--teal)}.account-description{font-size:13px;line-height:1.65;color:var(--textM)}.account-actions{display:flex;justify-content:flex-end;margin-top:20px}.account-error{font-size:13px;color:var(--bad);line-height:1.5}.account-item{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.account-item:first-child{padding-top:0}.account-item strong{font-size:14px;overflow-wrap:anywhere}.account-item small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.account-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:340px}.account-item-actions .btn{font-size:12px;padding:6px 9px}
#accountNotice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--panel);border:1px solid var(--line);color:white;padding:14px 20px;font-size:13px;z-index:10000;box-shadow:0 4px 20px #0005}
body.mode-view .account-bar{display:none}
@media(max-width:650px){.account-bar{padding:8px 12px 12px}.account-user{justify-content:flex-start;gap:10px;flex-wrap:wrap}.account-offer{align-items:flex-start;flex-direction:column;gap:10px}.account-offer-actions{flex-shrink:1}.account-offer-actions .btn{padding:7px 10px;font-size:12px}.account-dialog{padding:18px;max-height:90dvh}.account-item{flex-direction:column;gap:12px}.account-item-actions{justify-content:flex-start;max-width:none}.account-dialog h2{font-size:18px}}
@media print{.account-bar,#accountNotice,.account-dialog{display:none!important}}
.account-all{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--textM);margin-bottom:20px}

/* Profile controls sit together, outside the document workspace. */
.account-bar{padding-top:12px}
.account-profile{position:fixed;right:24px;bottom:24px;z-index:45}
.account-profile-trigger{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel);color:var(--text);cursor:pointer;box-shadow:0 4px 16px #0003}
.account-profile-trigger:hover,.account-profile-trigger[aria-expanded=true]{border-color:var(--teal);color:var(--teal)}
.account-profile-trigger:focus-visible,.account-profile-panel button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.account-profile-panel{position:absolute;right:0;bottom:66px;width:260px;max-width:calc(100vw - 32px);padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #0004}
.account-profile-panel[hidden]{display:none}
.account-profile-person{padding:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.account-profile-person strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.account-profile-person span{display:block;font-size:12px;color:var(--textM);margin-top:5px}
.account-profile-panel button{display:block;width:100%;padding:12px;border:0;background:none;color:var(--text);text-align:left;border-radius:5px;font:inherit;font-size:14px;cursor:pointer}
.account-profile-panel button:hover{background:var(--panel2)}
.login-shell .login-help{font-size:13px;line-height:1.7;margin-top:12px;color:var(--textM)}
.login-help a{white-space:nowrap;text-underline-offset:3px}
@media(max-width:650px){.account-profile{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media print{.account-profile{display:none!important}}