.topbar-identity { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; min-width:0; }
.topbar .topbar-identity .topbar-user { display:inline; overflow-wrap:anywhere; }
.topbar-clock { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .5rem; border:1px solid currentColor; border-radius:4px; color:inherit; font-size:.8rem; text-decoration:none; min-height:36px; }
.topbar-clock[hidden] { display:none; }
.topbar-clock time { font-variant-numeric:tabular-nums; font-weight:700; white-space:nowrap; }
.topbar-clock[data-state="running"]::before { content:'●'; color:var(--text-primary); }
.topbar-menu { position:relative; margin:0; }
.topbar-menu > summary { cursor:pointer; display:flex; align-items:center; min-height:44px; padding:.45rem .55rem; font-size:.85rem; border:1px solid transparent; border-radius:4px; list-style:none; }
.topbar-menu > summary::-webkit-details-marker { display:none; }
.topbar-menu > summary::after { content:'⌄'; margin-left:.3rem; }
.topbar-menu[open] > summary { border-color:currentColor; }
.topbar-menu-panel { position:absolute; inset-inline-end:0; top:calc(100% + .5rem); width:min(340px,calc(100vw - 32px)); padding:1rem; z-index:100; background:var(--surface); color:var(--text-primary); border:1px solid var(--border); border-radius:6px; font-size:.9rem; line-height:1.5; }
.topbar-menu-panel ol { padding-left:1.25rem; margin:.6rem 0; }
.topbar-menu-panel li + li { margin-top:.5rem; }
.topbar-menu-panel a { color:var(--text-primary); text-decoration:underline; }
.topbar-view-options { display:grid; gap:.4rem; }
.topbar-view-options :is(a,button) { min-height:44px; display:flex; align-items:center; padding:.45rem; }
.topbar-menu :is(summary,a,button):focus-visible,.topbar-clock:focus-visible { outline:3px solid var(--text-primary); outline-offset:3px; }
.dashboard-view-toolbar[hidden] { display:none!important; }
@media(max-width:760px) {
 .topbar .topbar-actions { flex-wrap:wrap; gap:.25rem; }
 .topbar .topbar-identity { width:100%; justify-content:space-between; }
 .topbar .topbar-user { display:inline; }
 .topbar-menu { position:static; }
 .topbar .topbar-actions { position:relative; }
 .topbar-menu-panel { inset-inline-end:0; max-width:100%; }
}