/* =====================================================================
   SBS CRM — Responsive adjustments for tablet/desktop.
   Mobile-first: the base styles ARE the mobile styles.

   Two desktop treatments:
   1. Pages WITHOUT the sidebar (login, Create Lead, Lead Details,
      Add Follow-up, Change Password, Customer Details) keep the
      original centered "card" look on wider screens.
   2. Pages WITH the sidebar (body.has-sbs-sidebar — Dashboard, Leads,
      Follow-ups, Customers, Profile) get a proper full-width desktop
      layout next to the fixed sidebar instead (see css/nav.css).
   ===================================================================== */

@media (min-width: 640px) {
  body {
    background: #EEF1F5;
  }

  body:not(.has-sbs-sidebar) .app-shell {
    box-shadow: 0 0 0 1px var(--color-border);
    margin-top: var(--space-6);
    margin-bottom: var(--space-6);
    border-radius: var(--radius-lg);
    overflow: hidden;
    min-height: calc(100vh - var(--space-6) * 2);
  }

  body:not(.has-sbs-sidebar) .sticky-action-bar {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }

  body:not(.has-sbs-sidebar) .top-header {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .form-row-2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 900px) {
  body:not(.has-sbs-sidebar) {
    --max-content-width: 640px;
  }
}