/* Shared chrome for the signed-in pages (console, developer, people). */
.topbar{display:flex;align-items:center;gap:18px;height:52px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;letter-spacing:.01em;font-size:14.5px}
.topbar .brand i{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}
.topbar .nav{display:flex;gap:4px}
.topbar .nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:13.5px;padding:6px 10px;border-radius:var(--radius)}
.topbar .nav a.on{color:var(--ink);background:var(--surface-2)}
.topbar .nav a:hover{color:var(--ink)}
.topbar .grow{flex:1}
.topbar .me{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.topbar .btn{font-size:13px;font-weight:600;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer}
.notice{border-radius:var(--radius);padding:10px 12px;font-size:14px;margin:0 0 16px;border:1px solid var(--line);background:var(--surface-2)}
.notice.err{background:var(--danger-bg);color:var(--danger-ink);border-color:var(--danger-line)}
.notice.ok{background:var(--good-bg);color:var(--good-ink);border-color:var(--good-line)}
.hidden{display:none!important}
@media (max-width:640px){.topbar{gap:10px;padding:0 12px}.topbar .me{display:none}.topbar .brand span{display:none}}
</style>