/**
 * BetDNA Workspace Layout — PDS-003 responsive rules
 * No bespoke responsive logic inside individual workspaces.
 */

.betdna-workspace {
  display: flex;
  flex-direction: column;
  gap: var(--bdna-workspace-gap, var(--bdna-section-gap, 12px));
  max-width: 100%;
  min-width: 0;
}

.betdna-zone {
  min-width: 0;
}

.betdna-zone-header { order: 1; }
.betdna-zone-summary { order: 2; }
.betdna-zone-primary { order: 3; }
.betdna-zone-secondary { order: 4; }
.betdna-zone-decision { order: 5; }
.betdna-zone-expert { order: 6; }
.betdna-zone-diagnostics { order: 7; }
.betdna-zone-footer { order: 8; }

/* Mobile (default) — single column, full width */
.betdna-layout-intelligence .betdna-zone-summary .filter-row,
.betdna-layout-standard .betdna-zone-summary .filter-row,
.betdna-layout-report .betdna-zone-summary .filter-row {
  flex-wrap: wrap;
}

/* Tablet — 768px+ */
@media (min-width: 768px) {
  .betdna-layout-dashboard .betdna-zone-primary,
  .betdna-layout-dashboard .betdna-zone-decision {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--bdna-space-md);
  }
  .betdna-layout-dashboard .betdna-zone-primary > *,
  .betdna-layout-dashboard .betdna-zone-decision > * {
    min-width: 0;
  }
  .betdna-layout-comparison .betdna-zone-primary .segment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .betdna-layout-report .betdna-zone-primary .learning-summary,
  .betdna-layout-report .betdna-zone-primary .metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Desktop — 1024px+ */
@media (min-width: 1024px) {
  .betdna-layout-intelligence .betdna-zone-secondary:not(:empty) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bdna-space-md);
  }
  .betdna-layout-lab .betdna-zone-primary .tactics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .betdna-layout-simulation .betdna-zone-primary .tactics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Ultra-wide — 1440px+ */
@media (min-width: 1440px) {
  .betdna-workspace {
    max-width: 1280px;
    margin-inline: auto;
  }
  /* Trust cards: readability over density — single column always */
  .betdna-layout-intelligence .intel-card-list,
  .betdna-layout-intelligence .gsi-opp-list {
    display: flex;
    flex-direction: column;
    gap: var(--bdna-space-md);
    max-width: 960px;
  }
  .betdna-layout-dashboard .betdna-zone-decision .quick-jump-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Interface modes — zones inherit PDS-001 hide rules via data-info-level on zone */
#app.mode-beginner .betdna-zone[data-info-level="important"],
#app.mode-beginner .betdna-zone[data-info-level="expert"],
#app.mode-beginner .betdna-zone[data-info-level="diagnostics"],
#app.mode-beginner .betdna-zone[data-info-level="founder"],
#app.mode-standard .betdna-zone[data-info-level="expert"],
#app.mode-standard .betdna-zone[data-info-level="diagnostics"],
#app.mode-standard .betdna-zone[data-info-level="founder"],
#app.mode-advanced .betdna-zone[data-info-level="diagnostics"],
#app.mode-advanced .betdna-zone[data-info-level="founder"],
#app.mode-founder .betdna-zone[data-info-level="diagnostics"] {
  display: none !important;
}