/* ============================================
   SNAPSHOT EMBEDDED - LIGHT THEME
   Overrides for snapshot when embedded in main page
   Matches main site institutional design
   ============================================ */

.demo-content-shell.snapshot-embedded {
  /* Light theme with depth: reduce white overload */
  --snapshot-bg-primary: #FFFFFF;
  --snapshot-bg-secondary: #F7F9FC;
  --snapshot-bg-tertiary: #EEF2F7;
  --snapshot-bg-hover: #E3E8EF;
  --snapshot-text-primary: #1A1A1A;
  --snapshot-text-secondary: #555555;
  --snapshot-text-muted: #6B7280;
  --snapshot-text-disabled: #9CA3AF;
  --snapshot-border-primary: #D1DAE5;
  --snapshot-border-secondary: #B8C4D4;
  --snapshot-accent: #0052CC;
  --snapshot-secondary: #003D99;
  --snapshot-profit: #059669;
  --snapshot-loss: #DC2626;
  --snapshot-warning: #D97706;
  --snapshot-info: #2563EB;
}

/* Demo shell: subtle blue-gray tint for depth */
.demo-content-shell.snapshot-embedded {
  background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%);
}

/* Input/report sections: soft card with accent */
.demo-content-shell.snapshot-embedded .snapshot-input-section,
.demo-content-shell.snapshot-embedded .snapshot-report-section {
  box-shadow: 0 2px 8px rgba(0, 82, 204, 0.06);
  border-color: rgba(0, 82, 204, 0.12);
}

.demo-content-shell.snapshot-embedded .snapshot-input-section::before,
.demo-content-shell.snapshot-embedded .snapshot-report-section::before {
  height: 3px;
  opacity: 0.9;
}

/* Form groups: subtle depth */
.demo-content-shell.snapshot-embedded .form-group {
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(0, 82, 204, 0.1);
}

.demo-content-shell.snapshot-embedded .form-group.expanded {
  background: rgba(255, 255, 255, 0.9);
}

/* Form actions: highlight analyze button area */
.demo-content-shell.snapshot-embedded .form-actions {
  padding: 1.5rem;
  margin-top: 1.5rem;
  background: rgba(0, 82, 204, 0.03);
  border-radius: 8px;
  border: 1px solid rgba(0, 82, 204, 0.08);
}

/* Sidebar cards: warm gray for contrast */
.demo-content-shell.snapshot-embedded .sidebar-card {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(0, 82, 204, 0.1);
}

.demo-content-shell.snapshot-embedded .sidebar-card-cta {
  background: linear-gradient(135deg, rgba(0, 82, 204, 0.04) 0%, rgba(0, 61, 153, 0.06) 100%);
  border: 1px solid rgba(0, 82, 204, 0.15);
}

/* Input focus: stronger blue accent */
.demo-content-shell.snapshot-embedded .input-wrapper input:focus,
.demo-content-shell.snapshot-embedded .input-wrapper select:focus {
  border-color: var(--snapshot-accent);
  box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.12);
}

/* Modals now match capability-modal in snapshot.css — no extra overrides needed */

.demo-content-shell.snapshot-embedded .field-help:hover::after {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Embedded layout: single column - desktop constrained by section-container */
.demo-content-shell.snapshot-embedded .snapshot-container {
  max-width: 100%;
  padding: 0;
  grid-template-columns: 1fr;
}

/* Mobile only (600px): full-width demo, match full-page padding */
@media (max-width: 600px) {
  .demo-content-shell.snapshot-embedded .snapshot-container {
    padding: 2rem 1rem;
  }
}