/* CR_COLLECTIVE_V175EJ_PREMIUM_VISUAL_ALIGNMENT (additive, CSS-only)
   Extends the V175EI additive layer to the verified recurring class system that
   dominates the routes (cr-music-*, cr-v175bm panels, cr-tracklist, cr-btn*).
   Visual only: accent / glass / border / shadow / hover / focus. NO layout/grid
   rewrites, NO markup, NO JS, NO data/API/auth. Loaded globally AFTER V175EI so
   it refines, not replaces. Deliberately avoids .cr-v175bm-preview-card hover
   (already owned by chain-b) to prevent transform conflicts. Reuses --crei-*
   tokens from the V175EI layer. */

:root{
  --crej-edge:linear-gradient(90deg,transparent,var(--crei-blue,#4d8cff),var(--crei-purple,#8b5cff),var(--crei-pink,#ff5fd0),transparent);
  --crej-grad:linear-gradient(90deg,#8b5cff,#ff5fd0);
}

/* ---------- kicker / eyebrow: nudge toward premium purple accent ---------- */
.cr-music-kicker,
.cr-music-mini-title{ color:#b9a6ff; }

/* ---------- section head "view all" link hover ---------- */
.cr-music-section-head a,
.cr-v175bm-panel-link{
  transition:color .16s ease, opacity .16s ease;
}
.cr-music-section-head a:hover,
.cr-v175bm-panel-link:hover{ color:#fff; }

/* ---------- premium glass + neon top-edge on major panels ---------- */
.cr-music-panel,
.cr-v175bm-panel{
  position:relative;
  border:1px solid var(--crei-line,rgba(150,130,230,.18));
  box-shadow:var(--crei-shadow,0 18px 54px rgba(6,3,20,.42));
}
.cr-music-panel::before,
.cr-v175bm-panel::before{
  content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:2px;
  background:var(--crej-edge);opacity:.42;pointer-events:none;
}

/* ---------- buttons not already covered by V175EI ---------- */
.cr-btn,
.cr-btn-ghost,
.cr-music-btn--primary{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.cr-btn:hover,
.cr-btn-ghost:hover,
.cr-music-btn--primary:hover{
  transform:translateY(-1px);
  box-shadow:var(--crei-glow,0 12px 40px rgba(139,92,255,.14));
}
.cr-music-btn--primary{
  background:var(--crej-grad);
  border:none;
  box-shadow:0 8px 24px rgba(139,92,255,.30);
}
.cr-btn:focus-visible,
.cr-btn-ghost:focus-visible,
.cr-music-btn--primary:focus-visible{
  outline:none;
  box-shadow:var(--crei-focus,0 0 0 2px rgba(120,160,255,.9)), var(--crei-glow,0 12px 40px rgba(139,92,255,.14));
}

/* ---------- filter bar pills ---------- */
.cr-music-filterbar select,
.cr-music-filterbar button{
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.cr-music-filterbar button:hover,
.cr-music-filterbar select:hover{
  border-color:var(--crei-line-strong,rgba(150,130,230,.30));
}

/* ---------- tracklist rows: gentle hover affordance ---------- */
.cr-tracklist > li,
.cr-tracklist .cr-tracklist-row{
  border-radius:10px;
  transition:background .16s ease;
}
.cr-tracklist > li:hover,
.cr-tracklist .cr-tracklist-row:hover{
  background:rgba(139,92,255,.06);
}

/* ---------- profile action items: hover polish ---------- */
.cr-profile-action-item{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.cr-profile-action-item:hover{
  transform:translateY(-1px);
  box-shadow:var(--crei-glow,0 12px 40px rgba(139,92,255,.14));
}

/* ---------- form fields keyboard focus (accessibility, non-duplicate) ---------- */
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:none;
  box-shadow:var(--crei-focus,0 0 0 2px rgba(120,160,255,.9));
}

/* ---------- reduced motion respect for this layer ---------- */
@media (prefers-reduced-motion: reduce){
  .cr-btn, .cr-btn-ghost, .cr-music-btn--primary,
  .cr-profile-action-item, .cr-tracklist > li,
  .cr-music-section-head a, .cr-v175bm-panel-link{ transition:none!important; }
}