/* Shared settings entry and role-aware settings hub at every viewport. */
.topbar-account-name{font-size:13px;color:var(--muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-controls .app-settings-entry{display:inline-flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap}
.app-settings-entry[aria-current="page"]{background:#e8eedf;border-color:#a4b791;color:var(--green)}
.app-settings-entry .icon{width:19px;height:19px;flex:none}
.app-settings-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 19px;margin-bottom:24px;background:#e9eddf;border:1px solid #dce2d0;border-radius:12px}
.app-settings-context span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.app-settings-section{margin:25px 0}
.app-settings-section h2{font-size:17px;margin-bottom:12px}
.app-settings-section>.form-hint{margin-top:10px}
.app-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.app-settings-card{display:flex;align-items:center;gap:13px;width:100%;min-height:94px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--ink);text-decoration:none}
.app-settings-card:hover{border-color:#a4b791;background:#f6f8f0}
.app-settings-card:focus-visible{outline:3px solid #71895d;outline-offset:3px}
.app-settings-card>.icon{flex-shrink:0;color:var(--green)}
.app-settings-card>.icon:last-child{width:16px;height:16px;margin-left:auto}
.app-settings-card>span{min-width:0;flex:1}
.app-settings-card strong{display:block;font-size:14px;font-weight:600}
.app-settings-card small{display:block;margin-top:7px;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.app-settings-footer{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.app-settings-footer .btn{min-height:44px}
@media(max-width:760px){
 .topbar-controls{flex-wrap:nowrap}
 .topbar-account-name{max-width:72px;font-size:12px}
 .topbar-controls .app-settings-entry{padding:8px 10px;gap:5px}
 .app-settings-grid{grid-template-columns:1fr}
 .app-settings-card{min-height:88px;padding:17px}
 .app-settings-context{padding:15px 17px}
}
@media(max-width:370px){
 .topbar-account-name{max-width:60px}
 .topbar-controls .app-settings-entry{padding-left:8px;padding-right:8px}
}