/* Shared by the public header and authenticated workspace topbars. */
.header-logout { margin:0; display:inline-flex; align-items:center; flex:0 0 auto; }
.header-logout button { min-height:40px; padding:0 5px; border:0; border-radius:6px; background:transparent; color:#858b90; font-family:inherit; font-size:12px; font-weight:500; line-height:1.4; white-space:nowrap; cursor:pointer; transition:color .15s ease; }
.header-logout button:hover { color:#333b40; text-decoration:underline; text-underline-offset:4px; }
.header-logout button:focus-visible { outline:2px solid #8b9d7a; outline-offset:3px; }
.site-header .public-account-actions { display:flex; align-items:center; gap:4px; padding-left:16px; border-left:1px solid #dfe4da; }
.site-header .public-account-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:0 11px; border:1px solid transparent; border-radius:8px; color:#687063; font-size:13px; font-weight:500; line-height:1.4; white-space:nowrap; transition:background .15s ease,color .15s ease; }
.site-header .public-project-link { color:#435336; background:#edf1e8; font-weight:650; }
.site-header .public-project-link:hover { color:#2e3b25; background:#e3eadb; }
.site-header .public-account-link svg { flex:0 0 auto; }
.site-header .public-account-link:focus-visible { outline:2px solid #7d9466; outline-offset:3px; }
.site-header .public-account-actions .header-logout button { min-height:40px; padding:0 10px; color:#7b8375; font-size:12px; }
.site-header .public-account-actions .header-logout button:hover { color:#7b8375; background:transparent; text-decoration:none; }
@media(max-width:768px) { .site-header .public-account-actions { gap:6px; padding:16px 0 0; border-left:0; border-top:1px solid #e1e6dc; } .site-header .public-account-link { min-height:44px; padding-inline:12px; font-size:13px; } .site-header .public-account-actions .header-logout button { min-height:44px; font-size:12px; } }
.app-topbar .top-actions { flex-shrink:0; }
.app-topbar .user-chip { min-height:40px; }
.app-topbar .user-chip .user-avatar { width:28px; height:28px; flex:0 0 28px; border-radius:50%; font-size:11px; line-height:1; }
.app-topbar .user-chip>span:not(.user-avatar) { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:768px) { .header-logout button { min-height:44px; font-size:11px; padding-inline:3px; } .app-topbar .top-actions { gap:6px; } }
@media(prefers-reduced-motion:reduce) { .header-logout button { transition:none; } }
@media(max-width:768px) { .app-topbar .user-chip { min-width:44px; min-height:44px; justify-content:center; } }