/* The one analysis screen (js/lib/analysis-overlay.js), shared by Soil Doctor and Crop Doctor.
   Compact and always fits the screen: it never shows a scroll bar. */

.analysis-modal { width: min(520px, calc(100vw - 24px)); overflow: hidden; max-height: calc(100dvh - 16px); }
.analysis-modal .modal-close { display: none; }
.analysis-modal .analysing { gap: 14px; padding: 22px 22px 20px; min-height: 470px; align-content: center; }
.analysis-modal .analysing h2 { font-size: 1.6rem; line-height: 1.15; }
.analysis-modal .plan-visual { width: 190px; height: 140px; }
.analysis-modal .plan-visual .ai-orb { --size: 104px; }
.analysis-modal .orbit-icon { width: 32px; height: 32px; border-radius: 10px; }
.analysis-modal .orbit-icon .icon { width: 16px; height: 16px; }
.analysis-modal .orbit-icon.o1 { top: 4px; left: 6px; }
.analysis-modal .orbit-icon.o2 { top: 22px; right: 0; }
.analysis-modal .orbit-icon.o3 { bottom: 4px; left: 24px; }
.analysis-modal .analysing .steps { gap: 6px; min-width: min(360px, 100%); }
.analysis-modal .analysing .steps li { padding: 8px 14px; gap: 12px; font-size: var(--fs-sm); }
.analysis-modal .analysing .note { font-size: var(--fs-xs); }
/* a short window (small laptop, phone on its side): smaller still */
@media (max-height: 640px) {
  .analysis-modal .analysing { gap: 8px; padding: 14px 18px 12px; min-height: 0; }
  .analysis-modal .analysing h2 { font-size: 1.3rem; }
  .analysis-modal .plan-visual { height: 96px; width: 150px; }
  .analysis-modal .plan-visual .ai-orb { --size: 76px; }
  .analysis-modal .orbit-icon { width: 26px; height: 26px; }
  .analysis-modal .analysing .steps { gap: 3px; }
  .analysis-modal .analysing .steps li { padding: 5px 12px; }
}
@media (max-height: 470px) {
  .analysis-modal .plan-visual { display: none; }
}