/* Optional accounts — follows the workspace sage palette. */
#account-panel{margin-bottom:22px}#account-panel[aria-busy=true]{opacity:.72;transition:opacity .2s}
.account-card{padding:26px!important;margin:0!important}
.account-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.account-head h3{font-size:17px;margin-top:4px;letter-spacing:-.3px}
.account-glyph{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e6efd9;color:#6f8c52;flex-shrink:0}.account-glyph svg{width:19px;height:19px}
.account-card>p{font-size:12px;line-height:1.85;color:#7f8b77;margin-bottom:14px}
.account-tabs{display:flex;gap:4px;background:#eef2e7;border-radius:10px;padding:4px;margin:6px 0 18px}
.account-tabs button{flex:1;font-size:11px;padding:9px 6px;border-radius:7px;color:#7c8c70}
.account-tabs button.active{background:#fff;color:#3f5e38;font-weight:650;box-shadow:0 1px 3px #2b4a3a1c}
.account-form{gap:13px}.account-form .btn{align-self:flex-start}
.account-generated{display:flex;gap:8px;align-items:center}
.account-generated input[readonly]{background:#f4f7ee;font-family:'Space Mono',ui-monospace,monospace;color:#3e5a37;letter-spacing:.2px}
.account-generated .text-button{white-space:nowrap;font-size:10px;font-weight:600}
.account-form .small{margin-top:-6px;font-size:10px}
.account-warn{font-size:11px!important;line-height:1.75!important;background:#f8f1e3;color:#8d7650!important;padding:11px 13px;border-radius:9px}
.account-switch{margin:0}.account-switch p{margin:0 0 9px}.account-switch .text-button{font-size:11px;text-decoration:underline;padding:0}
.account-switch .check-label{flex-direction:row!important;align-items:center;gap:8px!important;color:#7c6640!important}.account-switch .check-label input{width:auto}
.account-username{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f2f6eb;border:1px dashed #c9d8b6;border-radius:11px;padding:12px 14px;margin:4px 0 6px}
.account-username>span{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#8a9a7c;flex-basis:100%}
.account-username code{flex:1;min-width:0;font:600 14px 'Space Mono',ui-monospace,monospace;color:#2f4f35;overflow-wrap:anywhere;user-select:all}
.account-copy{font-size:10px!important;padding:7px 12px!important}
.account-copy-status{min-height:16px;color:#6e875a;margin-bottom:8px!important;font-size:10px!important}
.account-success{font-size:12px;line-height:1.7;color:#4f6d40;background:#e9f1dc;border-radius:9px;padding:11px 13px;margin-bottom:14px}
.account-card .form-error{font-size:12px;color:#a14f38}
.account-foot{margin-top:12px!important;font-size:10px!important}
@media(max-width:520px){.account-card{padding:22px!important}.account-generated{flex-wrap:wrap}.account-generated .text-button{padding:0}}
.topbar .header-auth-control{padding:8px 12px;font-size:12px;white-space:nowrap}
.topbar .header-account-name{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.topbar [hidden]{display:none!important}
.topbar .topbar-right{gap:10px}
@media(max-width:760px){.topbar .coverage{display:none}}
@media(max-width:600px){.topbar .header-account-name{display:none}.topbar .topbar-right{gap:8px}}
.account-card .password-safe-choice label,.account-card .password-ack{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6}
.account-card .password-safe-choice input,.account-card .password-ack input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--green)}
.password-safe-choice{padding:12px;border:1px solid var(--line);border-radius:9px;background:#f7f9f3}
.password-safe-choice p{margin:8px 0 0!important;font-size:11px!important}
.account-save-status{padding:12px;border-radius:9px;background:#edf3e4;color:var(--ink);font-size:12px!important;line-height:1.7}
.account-warn strong{display:block;margin-bottom:5px}