/* GCMD Library — Space page shell (minimal stub)
 *
 * Referenced by:
 *   templates/space_library.html
 *   templates/space_playbooks.html
 *
 * Originally this file held legacy Space (microsite) chrome — the
 * sticky identity bar, navigation tabs, footer. After the v2 redesign
 * those concerns moved into the design system (`base.html` header,
 * `space-profile.css` page layout). This stub keeps the legacy <link>
 * tags from 404-ing while the residual templates migrate.
 *
 * Anything that genuinely needs to look the same across Space pages
 * lives in `static/css/pages/space-profile.css`.
 */

/* Shared "shell" wrapper — same container max-width as base.html. */
.space-shell {
  max-width: var(--container-max, 1200px);
  margin: 0 auto;
  padding: 0 var(--container-padding, 1rem);
}

/* Identity bar — slim header used by Space-only pages.  Most pages
   now use the global site-header from base.html; this is kept for
   any legacy template that still expects an inline identity strip. */
.space-identity {
  display: flex;
  align-items: center;
  gap: var(--space-3, 0.75rem);
  padding: var(--space-3, 0.75rem) 0;
  border-bottom: 1px solid var(--color-gray-200, #e5e7eb);
}
.space-identity .space-avatar {
  width: 36px; height: 36px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--color-gray-100, #f3f4f6);
}
.space-identity .space-name {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-gray-950, #0f172a);
}

/* Sub-nav row — kept narrow so it never competes with the global header. */
.space-subnav {
  display: flex;
  gap: var(--space-1, 0.25rem);
  padding: var(--space-2, 0.5rem) 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.space-subnav::-webkit-scrollbar { display: none; }
.space-subnav a {
  padding: 6px 12px;
  font-size: 0.875rem;
  color: var(--color-gray-700, #374151);
  text-decoration: none;
  border-radius: var(--radius-full, 9999px);
}
.space-subnav a:hover,
.space-subnav a.active {
  background: var(--color-gray-100, #f3f4f6);
  color: var(--color-gray-950, #0f172a);
}