/* 4.6.12 — simple settings inside each role dashboard */
#app .f4612-settings{display:grid;gap:14px;max-width:100%;min-width:0}
#app .f4612-settings h1{font:700 clamp(22px,3vw,30px)/1.2 var(--f-display,system-ui);margin:0}
#app .f4612-settings-personal,#app .f4612-profile-extra,#app .f4612-project-options{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}
#app .f4612-settings-personal h2{font-size:18px;margin:0 0 15px}
#app .f4612-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:780px}
#app .f4612-profile-form label{display:grid;gap:5px;color:var(--muted);font-size:13px}
#app .f4612-profile-form input{min-height:40px;border:1px solid #cad1d6;border-radius:9px;padding:9px;box-sizing:border-box;width:100%;background:white;color:var(--ink)}
#app .f4612-profile-form input[readonly]{background:#f3f4f5}
#app .f4612-profile-form small{font-size:11px;line-height:1.4;color:#a36510}
#app .f4612-private{grid-column:1/-1}
#app .f4612-private>summary,#app .f4612-profile-extra>summary,#app .f4612-project-options>summary{cursor:pointer;font-weight:600}
#app .f4612-private[open]>.f4612-profile-form{margin-top:14px}
#app .f4612-profile-extra{display:grid;gap:12px}
#app .f4612-profile-extra>summary{list-style-position:inside}
#app .f4612-profile-extra label{display:flex;gap:9px;align-items:center;font-size:13px}
#app .f4612-profile-extra p{margin:4px 0;color:var(--muted);font-size:13px}
#app .f4612-profile-extra button{justify-self:start}
#app .f4612-account-delete{padding-top:10px;border-top:1px solid var(--line)}
#app .f4612-account-delete>summary{cursor:pointer}
#app .f4612-project-options #manage{margin-top:14px}
#nav a[href="#profile"][hidden]{display:none!important}
@media(max-width:700px){#app .f4612-profile-form{grid-template-columns:1fr}}