/* CurioSpark v9.2.4 - Final Production Polish
   Presentation-only finishing pass for Home and Admin.
   The shared v9.2.0 premium stylesheet separately removes only its generic
   white sheen overlay so original images, fills, and component effects remain intact.
   No wording, routes, navigation, scripts, APIs, SQL, authentication, registration,
   finance, payment-plan, or waitlist behavior changes. */

/* Home: make the local-family next step a true solid canonical-purple primary CTA. */
body.cs-premium-v920.home-streamline-v8361 .local-access-hub .home-path-action > a.button.primary[href="/join"],
body.cs-premium-v920.home-streamline-v8361 .local-access-hub .home-path-action > a.button.primary[href="/join"]:visited {
  border-color: #5f2579 !important;
  background: #5f2579 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.cs-premium-v920.home-streamline-v8361 .local-access-hub .home-path-action > a.button.primary[href="/join"]:hover,
body.cs-premium-v920.home-streamline-v8361 .local-access-hub .home-path-action > a.button.primary[href="/join"]:focus-visible,
body.cs-premium-v920.home-streamline-v8361 .local-access-hub .home-path-action > a.button.primary[href="/join"]:active {
  border-color: #4b176c !important;
  background: #4b176c !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Home: keep the purple destination panel on the canonical solid brand color. */
body.cs-premium-v920.home-streamline-v8361 .local-access-hub .purple-panel {
  background: #5f2579 !important;
  background-image: none !important;
}

/* Home: give the Resource Shop CTA a deliberate breathing gap from the copy above it. */
body.cs-premium-v920.home-streamline-v8361 .category-showcase-section .section-heading > a.button[href="/resource-center"] {
  margin-top: clamp(1.15rem, 2vw, 1.5rem) !important;
}

/* Admin: make the Current Session card span the workspace and balance its contents. */
body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] {
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
}
body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .52fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: clamp(1.5rem, 4vw, 3.5rem) !important;
  align-items: start !important;
}
body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .admin-card-heading {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin-bottom: .35rem !important;
}
body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .role-status-card {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: .6rem 0 0 !important;
}
body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .admin-actions.stacked {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding-left: clamp(1.25rem, 3vw, 2.25rem) !important;
  border-left: 1px solid rgba(95,37,121,.14) !important;
}

@media (max-width: 760px) {
  body.cs-premium-v920.home-streamline-v8361 .category-showcase-section .section-heading > a.button[href="/resource-center"] {
    margin-top: 1.1rem !important;
  }
  body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    row-gap: 0 !important;
  }
  body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .admin-card-heading,
  body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .role-status-card,
  body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .admin-actions.stacked {
    grid-column: 1 !important;
  }
  body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .admin-card-heading {
    grid-row: 1 !important;
  }
  body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .role-status-card {
    grid-row: 2 !important;
  }
  body.cs-premium-v920 .admin-grid[data-team-or-admin-panel] > .admin-card .admin-actions.stacked {
    grid-row: 3 !important;
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    padding-left: 0 !important;
    border-top: 1px solid rgba(95,37,121,.14) !important;
    border-left: 0 !important;
  }
}