/*
  File: SDAI_Responsive.css
  Purpose: Responsive behavior for the SDAI shell and common widgets.
  Architecture Role: Preserves usability when the embedded app and assistant panel collapse for smaller screens.
  Expected Collaborators: SDAI_Layout.css, SDAI_CarFinderHost.css, and SDAI_AssistantPanel.css.
  Scaffold Status: Scaffold/template only; breakpoint tuning with the live portal is TODO.
*/
@media (max-width: 1024px) {
    .sdai-portal-shell {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .sdai-portal-shell,
    .sdai-car-finder-host__header,
    .sdai-car-finder-host__body,
    .sdai-car-finder-host__footer,
    .sdai-assistant-panel__header,
    .sdai-assistant-panel__messages,
    .sdai-assistant-panel__input {
        padding: var(--sdai-space-4);
    }

    .sdai-result-card {
        grid-template-columns: 1fr;
    }
}