/* AI Sales Trend Analyzer - page-specific layout */

body.ai-tool-page .tool-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 24px;
  margin-top: 24px;
}

body.ai-tool-page .field-wide {
  grid-column: 1 / -1;
}

body.ai-tool-page textarea {
  width: 100%;
  min-height: 180px;
  resize: vertical;
  font: inherit;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
}

body.ai-tool-page textarea::placeholder {
  color: #7f93ad;
}

body.ai-tool-page textarea:focus {
  outline: none;
  border-color: rgba(0, 208, 132, 0.5);
  box-shadow: 0 0 0 4px rgba(0, 208, 132, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

body.ai-tool-page .ai-panel {
  margin-top: 18px;
}

body.ai-tool-page .ai-state[hidden] {
  display: none !important;
}

@media (max-width: 940px) {
  body.ai-tool-page .tool-layout {
    grid-template-columns: 1fr;
  }
}