/* Deliberately restrained: inherits the workbench's native account settings. */
.wb-account-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;margin-bottom:14px;border-bottom:1px solid var(--border-light,#e5e5e5)}
.wb-account-entry h3{margin:0;color:var(--text-primary,#171717);font-size:14px;font-weight:600}
.wb-account-entry p{margin:5px 0 0;color:var(--text-secondary,#666);font-size:13px;line-height:1.6}
.wb-account-entry>button,.wb-account-dialog button{cursor:pointer;font:inherit}
.wb-account-entry>button{flex:none;padding:7px 16px;border:1px solid var(--border-medium,#ddd);border-radius:9px;background:var(--surface-primary,#fff);color:var(--text-primary,#171717);font-size:13px;font-weight:500}
.wb-account-entry>button:hover{background:var(--surface-nav-hover,#f4f4f4)}
body.wb-account-open:has(#wb-account-dialog){background:var(--surface-primary,#fff)!important}
.wb-account-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:24px;overflow:auto;border:1px solid var(--border-light,#e5e5e5);border-radius:20px;background:var(--surface-primary,#fff);color:var(--text-primary,#171717);box-shadow:0 24px 80px #0003;text-align:left;overscroll-behavior:contain}
.wb-account-dialog::backdrop{background:#0006;backdrop-filter:blur(2px)}
.wb-account-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}
.wb-account-header h2{margin:0;font-size:20px;font-weight:650;line-height:1.4;letter-spacing:-.02em}
.wb-account-header p{margin:7px 0 0;font-size:13px;line-height:1.6;color:var(--text-secondary,#666)}
.wb-account-close{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-secondary,#666)}
.wb-account-close:hover{background:var(--surface-nav-hover,#f4f4f4)}
.wb-account-notice{margin:0 0 18px;font-size:13px;line-height:1.6;min-height:21px;color:var(--text-secondary,#666);overflow-wrap:anywhere}
.wb-account-notice.is-error{color:#b42318}
.dark .wb-account-notice.is-error{color:#fda29b}
.wb-account-form fieldset{display:block;min-width:0;margin:0;padding:0;border:0}
.wb-account-form label{display:block;margin:15px 0 7px;font-size:13px;font-weight:550;color:var(--text-primary,#171717)}
.wb-account-form label:first-child{margin-top:0}
.wb-account-form label span{font-weight:400;font-size:12px;color:var(--text-secondary,#666);margin-left:5px}
.wb-account-form input{box-sizing:border-box;display:block;width:100%;height:42px;padding:9px 12px;border:1px solid var(--border-medium,#ddd);border-radius:9px;background:var(--surface-primary,#fff);color:var(--text-primary,#171717);font-size:14px;line-height:1.5;box-shadow:none}
.wb-account-form input:focus{border-color:var(--text-secondary,#666);outline:2px solid color-mix(in srgb,var(--text-primary,#171717) 14%,transparent);outline-offset:1px}
/* Existing login branding uses broad :has(password) rules. Keep their gradient
   submit button and field sizing out of the account settings form. */
#wb-account-dialog .wb-account-form input{height:42px!important;border-radius:9px!important}
#wb-account-dialog .wb-account-form input:focus{border-color:var(--text-secondary,#666)!important;box-shadow:none!important}
#wb-account-dialog .wb-account-form button[type="submit"]{height:auto!important;border:1px solid transparent!important;border-radius:9px!important;box-shadow:none!important;background:var(--text-primary,#171717)!important;color:var(--surface-primary,#fff)!important}
.wb-account-hint{margin:6px 0 0;color:var(--text-secondary,#666);font-size:11.5px;line-height:1.65}
.wb-account-divider{height:1px;margin:20px 0 0;background:var(--border-light,#e5e5e5)}
.wb-account-reauth{margin:20px 0 0;padding:12px;border-radius:9px;background:var(--surface-secondary,#f5f5f5);font-size:12px;line-height:1.7;color:var(--text-secondary,#666)}
.wb-account-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.wb-account-dialog [hidden]{display:none!important}
.wb-account-actions button{padding:9px 16px;border-radius:9px;font-size:13px;font-weight:550;line-height:1.4}
.wb-account-secondary{border:1px solid var(--border-medium,#ddd);color:var(--text-primary,#171717);background:var(--surface-primary,#fff)}
.wb-account-primary{border:1px solid transparent;color:var(--surface-primary,#fff);background:var(--text-primary,#171717)}
.wb-account-actions button:hover{filter:brightness(.93)}
.wb-account-dialog button:focus-visible,.wb-account-entry>button:focus-visible{outline:2px solid var(--text-secondary,#666);outline-offset:3px}
.wb-account-dialog button:disabled,.wb-account-dialog fieldset:disabled{opacity:.6;cursor:wait}
@media(max-width:560px){.wb-account-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;border-radius:16px}.wb-account-form input{font-size:16px}.wb-account-entry{gap:12px}}
@media(prefers-reduced-motion:reduce){.wb-account-dialog *{transition:none!important}}