.topbar{flex-wrap:nowrap;gap:16px}.topbar .brand{min-width:0}.topbar .brand>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .brand-mark{flex:none}.header-actions{display:flex;align-items:center;gap:12px;flex:none}.header-add{font-size:13px;white-space:nowrap}.header-menu{position:relative}.header-menu summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);cursor:pointer;list-style:none}.header-menu summary::-webkit-details-marker{display:none}.header-menu summary:hover,.header-menu[open] summary{background:var(--mint)}.header-menu summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.header-menu:not([open]) .header-menu-panel{display:none}.header-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(280px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 40px rgba(0,0,0,.16);z-index:10}.header-menu-user{display:flex;flex-direction:column;gap:5px;padding:10px 12px 15px;border-bottom:1px solid var(--line);margin-bottom:6px}.header-menu-user>.muted{font-size:10px}.header-menu-user strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.topbar .header-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:3px;flex-wrap:nowrap;width:100%}.topbar .header-menu .header-menu-links>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;font-size:13px;text-decoration:none;color:var(--ink)}.topbar .header-menu .header-menu-links>a:hover,.topbar .header-menu .header-menu-links>a[aria-current="page"]{background:var(--mint);color:var(--green-dark)}.header-menu-logout{margin:7px 0 0;padding-top:7px;border-top:1px solid var(--line)}.header-menu-logout button{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;text-align:left;cursor:pointer}.header-menu-logout button:hover{background:var(--bg);color:var(--ink)}.header-menu-links a:focus-visible,.header-menu-logout button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}@media(max-width:850px){.topbar{padding-top:12px;padding-bottom:12px}}@media(max-width:540px){.topbar{min-height:66px;gap:10px;padding:10px 16px}.header-actions{gap:8px}.header-add{padding:0 12px;min-height:42px;font-size:12px}.header-menu summary{width:42px;height:42px}.header-menu-panel{top:calc(100% + 10px)}}