/**
 * Fischer AgentKit Responsive Breakpoints — Left Chat + Right Dual-Column
 *
 * ≥1440px: Full layout, both right panels visible
 * 1024-1439px: Bottom-right panel auto-collapsed
 * <1024px: Prompt to use larger screen
 */

/* ── Full layout ── */
@media (min-width: 1440px) {
  .agent-layout__body {
    display: flex;
  }
}

/* ── Compact: bottom-right panel collapsed ── */
@media (min-width: 1024px) and (max-width: 1439px) {
  .agent-layout__body {
    display: flex;
  }

  /* Auto-collapse bottom-right panel at medium widths */
  .agent-layout__body .split-pane--horizontal > .split-pane__second .split-pane--vertical > .split-pane__second .quadrant-panel {
    height: auto !important;
  }
}

/* ── Too small: show prompt ── */
@media (max-width: 1023px) {
  .agent-layout__body {
    display: none;
  }

  .agent-layout__small-screen {
    display: flex;
  }
}

/* ── Default: hide small screen prompt ── */
.agent-layout__small-screen {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: var(--space-4);
  color: var(--text-tertiary);
  text-align: center;
  padding: var(--space-8);
}

.agent-layout__small-screen h2 {
  font-size: var(--font-lg);
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}

.agent-layout__small-screen p {
  font-size: var(--font-base);
  max-width: 400px;
  color: var(--text-tertiary);
  line-height: var(--leading-relaxed);
}

/* ── Panel min-size for readability ── */
.quadrant-panel {
  min-width: var(--quadrant-min-size);
  min-height: var(--quadrant-min-size);
}

/* ── TopNav responsive ── */
@media (max-width: 768px) {
  .top-nav__center {
    display: none;
  }
}

/* ── Chat sidebar responsive ── */
@media (max-width: 1024px) {
  .chat-sidebar:not(.chat-sidebar--collapsed) {
    width: 200px;
  }
}

/* ── Print: hide interactive elements ── */
@media print {
  .top-nav,
  .split-pane__handle,
  .quadrant-panel__collapse-btn {
    display: none !important;
  }
}
