body[data-route="sessions"] {
  --workspace-app-paper: #ffffff;
  --workspace-app-rail: #f8f8fa;
  --workspace-app-ink: #18181b;
  --workspace-app-muted: #71717a;
  --workspace-app-line: #e4e4e7;
}
body[data-route="sessions"] main > #screen { padding: 0; overflow: hidden; }
body[data-route="sessions"] .workspace-product-host { flex: 1; min-height: 0; min-width: 0; position: relative; overflow: hidden; }
body[data-route="sessions"] .workspace-empty-state { display: flex; min-height: 100%; align-items: center; justify-content: center; flex-direction: column; gap: 12px; padding: 24px; text-align: center; }
body[data-route="sessions"] .sidebar {
  background: var(--workspace-app-rail);
  color: var(--workspace-app-ink);
  border-right: 1px solid var(--workspace-app-line);
}
body[data-route="sessions"] .sidebar .brand { color: var(--workspace-app-ink); transform: none; }
body[data-route="sessions"] .brand-mark { background: var(--workspace-app-ink); color: #fff; transform: none; border-radius: 8px; }
body[data-route="sessions"] .sidebar nav a,
body[data-route="sessions"] .workspace-nav-toggle { color: var(--workspace-app-muted); }
body[data-route="sessions"] .sidebar nav a:is(:hover, :focus-visible),
body[data-route="sessions"] .workspace-nav-toggle:hover { background: #ededf0; color: var(--workspace-app-ink); }
body[data-route="sessions"] .sidebar nav a.active { background: #e4e4e7; color: var(--workspace-app-ink); border-radius: 6px; }
body[data-route="sessions"] .sidebar nav a::before { display: none; }
body[data-route="sessions"] .sidebar footer { color: var(--workspace-app-muted); }
body[data-route="sessions"] #mobile-nav { background: var(--workspace-app-paper); }
body[data-route="sessions"] #mobile-nav a { color: var(--workspace-app-ink); }
@media (min-width: 801px) {
  body[data-route="sessions"]:not(.workspace-nav-expanded) .app-shell { grid-template-columns: 52px minmax(0, 1fr); }
  body[data-route="sessions"]:not(.workspace-nav-expanded) .sidebar { padding: 12px 6px; }
  body[data-route="sessions"]:not(.workspace-nav-expanded) .sidebar nav a { height: 36px; }
}
@media (max-width: 800px) {
  body[data-route="sessions"] #mobile-nav.open { position: fixed; inset: 48px 0 auto; z-index: 1500; max-height: calc(100dvh - 48px); overflow-y: auto; border-bottom: 1px solid var(--workspace-app-line); }
}