/* CR_COLLECTIVE_V175CT_HOME_CONSOLIDATED_DASHBOARD_RAIL
   Home-only consolidated dashboard rail + width/layout layer.

   Consolidates the working rail/width chain:
   v175cm + v175cn + v175co + v175cp + v175cq + v175cr

   Preserves:
   - v175ci class-based stable hover
   - v175by live data cards
   - v175bz member compact
   - v175cb boot stable paint
   - metadata lazy loader and route gates
   - player/Sets/profile baselines
*/

html.cr-v175ct-home-dashboard-page {
  --cr-v175ct-left: clamp(16px, calc((100vw - 1540px) / 2 + 18px), 64px);
  --cr-v175ct-width: 258px;
  --cr-v175ct-gap: 24px;
  --cr-v175ct-content-left: calc(var(--cr-v175ct-left) + var(--cr-v175ct-width) + var(--cr-v175ct-gap));
  --cr-v175ct-player-space: 112px;
  --cr-v175ct-right-gutter: 28px;
}

.cr-v175ct-rail {
  display: none;
}

/* Make sure retired rail/layout layers cannot show duplicates. */
html.cr-v175ct-home-dashboard-page .cr-v175ck-rail,
html.cr-v175ct-home-dashboard-page .cr-v175cl-rail,
html.cr-v175ct-home-dashboard-page .cr-v175cm-rail,
html.cr-v175ct-home-dashboard-page #cr-v175ck-home-rail,
html.cr-v175ct-home-dashboard-page #cr-v175cl-home-rail,
html.cr-v175ct-home-dashboard-page #cr-v175cm-home-rail,
html.cr-v175ct-home-dashboard-page #cr-v175ck-mobile-entry,
html.cr-v175ct-home-dashboard-page #cr-v175cl-mobile-entry,
html.cr-v175ct-home-dashboard-page #cr-v175cm-mobile-entry {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 1180px) {
  html.cr-v175ct-home-dashboard-page .cr-v175ct-rail {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    left: var(--cr-v175ct-left) !important;
    top: 96px !important;
    bottom: var(--cr-v175ct-player-space) !important;
    width: var(--cr-v175ct-width) !important;
    min-height: 440px !important;
    z-index: 1000000 !important;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
    padding: 16px;
    border: 1px solid rgba(168,85,247,.28);
    border-radius: 28px;
    color: #e5e7eb;
    background:
      radial-gradient(circle at 16% 0%, rgba(168,85,247,.30), transparent 35%),
      radial-gradient(circle at 100% 18%, rgba(34,211,238,.17), transparent 39%),
      linear-gradient(180deg, rgba(10,14,31,.98), rgba(5,10,21,.96));
    box-shadow:
      0 28px 88px rgba(0,0,0,.58),
      0 0 0 1px rgba(255,255,255,.045),
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 52px rgba(168,85,247,.14);
    backdrop-filter: blur(18px);
  }

  /* Outer Home app fills the space between user's left rail and user's right edge. */
  html.cr-v175ct-home-dashboard-page .cr-v175bm-home-page {
    max-width: none !important;
    width: calc(100vw - var(--cr-v175ct-content-left) - var(--cr-v175ct-right-gutter)) !important;
    margin-left: var(--cr-v175ct-content-left) !important;
    margin-right: var(--cr-v175ct-right-gutter) !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 1180px) and (max-width: 1340px) {
  html.cr-v175ct-home-dashboard-page {
    --cr-v175ct-width: 238px;
    --cr-v175ct-gap: 18px;
    --cr-v175ct-right-gutter: 22px;
  }

  html.cr-v175ct-home-dashboard-page .cr-v175ct-rail {
    padding: 13px;
    border-radius: 24px;
  }
}

/* Unlock parent shells and inner Home blocks. */
body.cr-v175ct-home-dashboard main,
body.cr-v175ct-home-dashboard .main,
body.cr-v175ct-home-dashboard .site-main,
body.cr-v175ct-home-dashboard .page-main,
body.cr-v175ct-home-dashboard .page-content,
body.cr-v175ct-home-dashboard .content,
body.cr-v175ct-home-dashboard .content-shell,
body.cr-v175ct-home-dashboard .container,
body.cr-v175ct-home-dashboard .wrap,
body.cr-v175ct-home-dashboard .shell {
  max-width: none !important;
}

@media (min-width: 1180px) {
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page > *,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page > * > *,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page section,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page article,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-wrap,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-hero,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page [class*="hero"],
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page [class*="section"],
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page [class*="shell"],
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page [class*="wrap"],
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page [class*="panel"],
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page [class*="grid"] {
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body.cr-v175ct-home-dashboard .cr-v175bm-home-page > *,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-wrap,
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page [class*="hero"] {
    width: 100% !important;
  }
}

/* Wide dashboard rows. */
@media (min-width: 1500px) {
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-release-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-members-row {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 2100px) {
  body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-release-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-members-row {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

/* Rail visuals. */
.cr-v175ct-brand {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 12px;
  padding: 2px 2px 13px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.cr-v175ct-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #fff;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -.09em;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.28), transparent 30%),
    linear-gradient(135deg, #8b5cf6, #06b6d4);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14),
    0 0 30px rgba(168,85,247,.30);
}

.cr-v175ct-title {
  margin: 0;
  color: #f8fafc;
  font-size: 15px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.02em;
}

.cr-v175ct-sub {
  margin: 4px 0 0;
  color: rgba(203,213,225,.70);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.cr-v175ct-scroll {
  flex: 1;
  overflow: auto;
  padding-right: 3px;
  scrollbar-width: thin;
}

.cr-v175ct-group {
  margin: 12px 0 15px;
}

.cr-v175ct-heading {
  margin: 0 0 7px;
  padding: 0 5px;
  color: rgba(196,181,253,.86);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cr-v175ct-link {
  display: grid;
  grid-template-columns: 31px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 16px;
  color: rgba(226,232,240,.84);
  text-decoration: none;
  background: transparent;
  transform: none !important;
  transition:
    border-color .14s ease,
    background .14s ease,
    box-shadow .14s ease,
    color .14s ease;
}

.cr-v175ct-link:hover,
.cr-v175ct-link.is-active {
  color: #fff;
  border-color: rgba(168,85,247,.50);
  background:
    linear-gradient(135deg, rgba(168,85,247,.24), rgba(34,211,238,.11));
  box-shadow:
    0 0 0 1px rgba(168,85,247,.16),
    0 0 26px rgba(168,85,247,.18);
}

.cr-v175ct-icon {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(15,23,42,.82);
  color: rgba(125,211,252,.94);
  font-size: 12px;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(148,163,184,.12);
}

.cr-v175ct-label {
  display: block;
  overflow: hidden;
  color: inherit;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cr-v175ct-note {
  display: block;
  margin-top: 1px;
  overflow: hidden;
  color: rgba(148,163,184,.80);
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cr-v175ct-badge {
  min-width: 22px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  padding: 0 7px;
  border-radius: 999px;
  color: rgba(226,232,240,.92);
  font-size: 10px;
  font-weight: 950;
  background: rgba(15,23,42,.88);
  box-shadow: inset 0 0 0 1px rgba(168,85,247,.22);
}

.cr-v175ct-status {
  margin-top: auto;
  padding: 12px;
  border: 1px solid rgba(34,211,238,.18);
  border-radius: 20px;
  background:
    radial-gradient(circle at 20% 0%, rgba(34,211,238,.16), transparent 44%),
    rgba(15,23,42,.70);
}

.cr-v175ct-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}

.cr-v175ct-status-title {
  margin: 0;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 950;
}

.cr-v175ct-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 18px rgba(34,197,94,.70);
}

.cr-v175ct-status-copy {
  margin: 0;
  color: rgba(203,213,225,.72);
  font-size: 11px;
  line-height: 1.45;
}

.cr-v175ct-mobile-entry {
  display: none;
}

@media (max-width: 1179px) {
  html.cr-v175ct-home-dashboard-page .cr-v175bm-home-page {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html.cr-v175ct-home-dashboard-page .cr-v175ct-mobile-entry {
    display: block;
    margin: 14px auto 0;
    width: min(94vw, 720px);
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 22px;
    background: rgba(15,23,42,.78);
    overflow: hidden;
  }

  .cr-v175ct-mobile-entry summary {
    cursor: pointer;
    padding: 14px 16px;
    color: #f8fafc;
    font-size: 13px;
    font-weight: 900;
    list-style: none;
  }

  .cr-v175ct-mobile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0 12px 12px;
  }

  .cr-v175ct-mobile-grid a {
    display: block;
    padding: 10px 12px;
    border-radius: 14px;
    color: rgba(226,232,240,.88);
    text-decoration: none;
    background: rgba(2,6,23,.46);
    font-size: 12px;
    font-weight: 800;
  }
}

/* Keep v175ci stable hover baseline. No transform hover returns here. */
body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-release-card,
body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-member-card,
body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-preview-card,
body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-btn,
body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-pill,
body.cr-v175ct-home-dashboard .cr-v175bm-home-page .cr-v175bm-panel-link {
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
}

html::before {
  content: "CR_COLLECTIVE_V175CT_HOME_CONSOLIDATED_DASHBOARD_RAIL";
  display: none;
}
