/* ══════════════════════════════════════════════════
   SHARED CARD & TABLE STYLES — CI Volatility
   Include on all tool pages for consistent 3D look.
   ONLY sets box-shadow. Background/border managed by each tool.
   ══════════════════════════════════════════════════ */

/* Standard 3D shadow for card containers */
.ci-card,
.input-card,
.hero-controls-card,
.results-card,
.best-combo-card,
.heatmap-section,
.summary-section,
.storage-card {
  box-shadow:
    0 1px 2px rgba(0,0,0,0.04),
    0 4px 12px rgba(0,0,0,0.03),
    0 8px 24px rgba(0,0,0,0.02),
    inset 0 1px 0 rgba(255,255,255,0.6);
}

/* Stat cards (small info boxes) */
.stat-card {
  box-shadow:
    0 1px 2px rgba(0,0,0,0.03),
    0 2px 6px rgba(0,0,0,0.02),
    inset 0 1px 0 rgba(255,255,255,0.5);
}

/* Dark mode shadow adjustments only */
body.dark-mode .ci-card,
body.dark-mode .input-card,
body.dark-mode .hero-controls-card,
body.dark-mode .results-card,
body.dark-mode .heatmap-section,
body.dark-mode .summary-section,
body.dark-mode .storage-card,
[data-theme="dark"] .ci-card,
[data-theme="dark"] .input-card,
[data-theme="dark"] .hero-controls-card,
[data-theme="dark"] .results-card,
[data-theme="dark"] .heatmap-section,
[data-theme="dark"] .summary-section,
[data-theme="dark"] .storage-card {
  box-shadow:
    0 1px 2px rgba(0,0,0,0.12),
    0 4px 12px rgba(0,0,0,0.08),
    0 8px 24px rgba(0,0,0,0.06),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

body.dark-mode .stat-card,
[data-theme="dark"] .stat-card {
  box-shadow:
    0 1px 2px rgba(0,0,0,0.1),
    0 2px 6px rgba(0,0,0,0.06),
    inset 0 1px 0 rgba(255,255,255,0.03);
}

/* ── Standardized Table Sizing ── */
/* Content container max-width */
.tool-content,
.results-section,
.best-combo-results {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* Table base styles */
.sig-table,
.occ-table,
.best-combo-table,
.puts-table,
.results-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'DM Sans', -apple-system, sans-serif;
  font-size: 0.78rem;
}

.sig-table th,
.occ-table th,
.best-combo-table th,
.puts-table th,
.results-table th {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.6rem 0.75rem;
}

.sig-table td,
.occ-table td,
.best-combo-table td,
.puts-table td,
.results-table td {
  padding: 0.5rem 0.75rem;
  font-size: 0.78rem;
}

/* Mobile table adjustments */
@media (max-width: 768px) {
  .sig-table,
  .occ-table,
  .best-combo-table,
  .puts-table,
  .results-table {
    font-size: 0.68rem;
  }
  .sig-table th,
  .occ-table th,
  .best-combo-table th,
  .puts-table th,
  .results-table th {
    font-size: 0.55rem;
    padding: 0.4rem 0.5rem;
  }
  .sig-table td,
  .occ-table td,
  .best-combo-table td,
  .puts-table td,
  .results-table td {
    padding: 0.35rem 0.5rem;
    font-size: 0.68rem;
  }
}