/* Scoped extension of the desktop's existing light tokens and form primitives. */
.personal-settings{max-width:800px;min-width:0}
.personal-settings .card h2{font-size:15px;margin-bottom:18px}
.personal-settings label{display:block;margin-bottom:7px;font-weight:500}
.personal-settings select,.personal-settings input{max-width:320px}
.personal-settings-facts{display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr);gap:12px 20px;margin:0}
.personal-settings-facts dt{color:var(--muted-foreground)}
.personal-settings-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.personal-settings .actions{align-items:stretch}
.personal-settings .actions button{white-space:normal}
.personal-settings input[aria-invalid=true]{border-color:var(--destructive)}
.personal-settings [role=alert]{color:var(--destructive)}
.personal-signatures textarea{width:100%;min-height:110px}
.personal-signatures h3{font-size:12px;color:var(--muted-foreground);margin:12px 0 6px}
.personal-signature-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted)}
.personal-signatures>button{margin:0 0 20px}
.personal-signatures textarea[aria-invalid=true]{border-color:var(--destructive)}
@media(max-width:540px){.personal-settings .card{padding:16px}.personal-settings-facts{grid-template-columns:minmax(0,1fr);gap:4px}.personal-settings-facts dd{margin-bottom:10px}.personal-settings .actions button{flex:1 1 130px}.personal-settings select,.personal-settings input{max-width:100%}}