/**
 * OROS module chat panel layout (all chart pages).
 *
 * Loaded last (priority 999) and re-printed in wp_footer so Divi et-cache
 * cannot override with height:auto !important / max-height:50vh on mobile.
 *
 * Do not duplicate these rules in Divi Code modules or et-cache — edit here only.
 */

/* Only #chat-messages scrolls; input + gold seed row stay visible */
.oros-results-panel .chat-section {
  width: 100% !important;
  max-width: none !important;
  flex-direction: column !important;
  align-items: stretch !important;
  box-sizing: border-box;
}

.oros-results-panel .chat-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

.oros-results-panel .chat-container:not(.hidden) {
  min-height: 500px !important;
}

.oros-results-panel .chat-messages {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.oros-results-panel .chat-input-container,
.oros-results-panel .seed-buttons {
  flex-shrink: 0;
}

/* Mobile: fixed panel height; ~3–5 bubbles visible + 2×2 seed grid */
@media (max-width: 768px) {
  .oros-results-panel .main-layout .chat-section .chat-container:not(.hidden) {
    flex: 0 0 auto !important;
    height: 78vh !important;
    min-height: 480px !important;
    max-height: 78vh !important;
  }

  .oros-results-panel .chat-container .chat-messages {
    flex: 1 1 0 !important;
    min-height: 0 !important;
  }

  .oros-results-panel .seed-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 8px 12px;
  }

  .oros-results-panel .seed-buttons button {
    font-size: 13px;
    padding: 7px 8px;
    line-height: 1.25;
  }
}