/* Desktop modes reuse the exact floor-plan height captured before switching. */
@media (min-width: 901px) {
  .smart-home-demo.security-mode .home-plan,
  .smart-home-demo.camera-mode .home-plan {
    height: var(--tari-dashboard-height) !important;
    min-height: var(--tari-dashboard-height) !important;
    aspect-ratio: auto !important;
  }
}

/* Phones and tablets: no nested scroll box. Content stays in ordinary flow. */
@media (max-width: 900px) {
  .smart-home-demo.camera-mode .home-plan {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }

  .smart-home-demo.camera-mode .camera-status-view.is-visible {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: .65rem !important;
    padding: .75rem !important;
    overflow: visible !important;
  }

  .camera-feed {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    padding: .65rem !important;
  }
}

@media (max-width: 390px) {
  .smart-home-demo.camera-mode .camera-status-view.is-visible {
    grid-template-columns: 1fr !important;
  }
}