/* Scophix v2 — global custom classes
   Only styles that Tailwind cannot express as utility classes belong here.
   Everything else must use Tailwind utility classes in templates.
   ─────────────────────────────────────────────────────────────────────── */

/* ── Glass morphism panels ──────────────────────────────────────────────── */

.lg-dark {
  background: #0f172a;
}

.lg-panel {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.lg-amber {
  background: rgba(254, 243, 199, 0.55);
  border: 1px solid rgba(251, 191, 36, 0.4);
}

/* ── Assistant dock button glow ─────────────────────────────────────────── */
/* Multi-layer box-shadow cannot be expressed as a Tailwind utility          */

.dock-glow {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.14),
    0 0 28px rgba(99, 102, 241, 0.35),
    0 8px 40px rgba(0, 0, 0, 0.50),
    0 2px 8px rgba(0, 0, 0, 0.30);
}

/* ── AI Workbench badge on dock button ──────────────────────────────────── */
/* rgba background + glow cannot be expressed as Tailwind utilities          */

.badge-ai {
  background: rgba(251, 191, 36, 0.18);
  border: 1px solid rgba(251, 191, 36, 0.55);
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* ── Scophix logo connector lines ───────────────────────────────────────── */
/* Specific rotation values not available as Tailwind utilities               */

.logo-line-neg { transform: rotate(-28deg); }
.logo-line-pos { transform: rotate(28deg); }