/* Product (Emerald) Style Pack — overrides on top of theme-base.css
 *
 * Green accent, flat backgrounds, glass-card gradients,
 * trailing-line section headers, Bootstrap Icons.
 * This is the default — mostly inherits base tokens.
 */

/* ── Product Tokens ── */
/* Green accent is defined in theme-base.css :root — no override needed.
   Glass-card gradient/blur tokens are product-specific. */
[data-style="product"] {
  --card-gradient: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(248,250,252,0.8) 100%);
  --glass-blur: blur(12px);
}
[data-style="product"][data-theme="dark"] {
  --card-gradient: linear-gradient(135deg, rgba(17,24,39,0.95) 0%, rgba(15,19,32,0.8) 100%);
}

/* ── Glass Card Enhancement ── */
[data-style="product"] .glass-card {
  background: var(--card-gradient);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* ── Trailing-line section headers ── */
[data-style="product"] .section-header {
  position: relative;
  padding-bottom: 8px;
}
[data-style="product"] .section-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--accent);
  border-radius: 1px;
}

/* ── Sidebar brand — mono green text ── */
[data-style="product"] .sidebar-brand-text {
  color: var(--accent);
}

/* ── Pipeline nodes ── */
[data-style="product"] .pipeline-step.current {
  box-shadow: 0 0 8px var(--accent-glow);
}