/* AEIR Therapeutics Marketing Showcase - Custom Styles */
/* Brand colors injected from brand_assets/manifest.md */

:root {
  --brand-primary: #007AFF;    /* Links, CTAs, accents */
  --brand-secondary: #282828;  /* Headings, body text, primary buttons */
  --brand-accent: #F9F9F9;     /* Page backgrounds, light sections */
  --brand-link: #5A6171;       /* Secondary text, captions */
}

/* Required: Prevent flash-of-unstyled-content on Alpine.js elements */
[x-cloak] { display: none !important; }

/* Scrollbar styling for dark theme */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Email body rendering - plain text with preserved line breaks */
.email-body {
  white-space: pre-line;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.625;
  color: #e2e8f0;
}

/* Detail panel slide-over transition */
.detail-panel-enter {
  transform: translateX(100%);
  opacity: 0;
}
.detail-panel-active {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.3s ease-out, opacity 0.2s ease-out;
}

/* Print styles for standalone pages */
@media print {
  .no-print { display: none !important; }
  body { background: white !important; color: black !important; }
  a { color: black !important; text-decoration: underline; }
}

/* Platform emulator base styles */
.emulator-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* Chart.js canvas responsive container */
.chart-container {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}