/* Hub additions on top of the design system (keep small; everything here uses the system's tokens). */
/* "Coming soon" items for admins (Jay 2026-10-15: show Dashboard disabled until it is built). */
.h-soon { opacity: .5; cursor: not-allowed; }
.h-nav .h-soon:hover { background: none; color: inherit; }
/* account menu sits at the right edge */
.h-acct > .h-menu { left: auto; right: 0; min-width: 240px; }
/* phone Menu sheet: the groups as one list */
.h-navsheet__body { padding: var(--space-2) var(--space-3) var(--space-4); display: flex; flex-direction: column; }
.h-navsheet__body .h-menu__label { margin-top: var(--space-3); }
.h-brand__hub { color: var(--ink-muted); font-weight: 600; }
.h-seg a.h-chip { text-decoration: none; color: var(--ink); }
/* the hidden attribute always wins (an .h-alert or flex box would otherwise show when hidden) */
.h-app [hidden] { display: none !important; }
/* feedback side panel (no Claude design): the panel frame in the system's tokens */
.h-app #fb-tab { background: var(--primary); color: var(--on-primary); border-radius: var(--radius-md) 0 0 var(--radius-md); box-shadow: var(--shadow-pop); }
.h-app #fb-tab:hover { background: var(--primary-hover); }
.h-app #fb-panel { background: var(--surface); border-left: 1px solid var(--line); box-shadow: var(--shadow-dialog); z-index: var(--z-dialog); }
.h-app #fb-panel .hd { background: var(--surface); color: var(--ink); border-bottom: 1px solid var(--line); font-size: 15px; }
.h-app #fb-panel .hd button { color: var(--ink-muted); }
.h-app #fb-panel .where { color: var(--ink-muted); }
.h-app #fb-drop { border: 1px dashed var(--line-control); border-radius: var(--radius-md); color: var(--ink-muted); background: var(--canvas); }
@media (max-width: 640px) { .h-app #fb-tab { border-radius: var(--radius-pill); } }
/* week picker calendar floats over the page instead of pushing it down (Jay 10-15) */
.h-weekpick > .h-cal { position: absolute; top: calc(100% + 6px); right: 0; z-index: var(--z-menu); }
@media (max-width: 640px) { .h-weekpick > .h-cal { left: 0; right: 0; } }