/* Elementor-first: every component follows the width of its parent container. */
@media (min-width: 801px) {
  .calads-front-app {
    grid-template-columns: 270px minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 780px !important;
    margin: 16px 0 !important;
    border-radius: 14px !important;
  }
  .calads-front-app > main { width: auto !important; max-width: none !important; }
  .calads-app-content { height: calc(100vh - 205px) !important; min-height: 680px; padding: 28px !important; }
  .calads-app-content .wrap,
  .calads-app-content .calads-wrap,
  .calads-app-content .calads-lp,
  .calads-app-content .calads-lp-inner { width: 100% !important; max-width: none !important; }
  .calads-app-content .calads-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calads-customer-page,
  .calads-customer-map-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 30px 0 !important;
  }
}

.calads-auth-card { width: min(720px, calc(100% - 32px)); margin: 40px auto; padding: 34px; border: 1px solid #d7e0e8; border-radius: 18px; background: #fff; box-shadow: 0 12px 36px rgba(15,35,55,.1); }
.calads-auth-card h2 { margin: 14px 0 24px; font-size: 32px; }
.calads-auth-card label { display: block; margin: 16px 0; font-weight: 700; }
.calads-auth-card input:not([type=checkbox]), .calads-auth-card select { display: block; box-sizing: border-box; width: 100%; margin-top: 7px; padding: 13px; border: 1px solid #aebed0; border-radius: 8px; font: inherit; }
.calads-auth-card button, .calads-auth-button { display: inline-block; border: 0; border-radius: 8px; padding: 13px 20px; background: #0b6bd3; color: #fff !important; text-decoration: none; font-weight: 800; cursor: pointer; }
.calads-auth-success { padding: 12px; border-radius: 8px; background: #e7f8ee; color: #176437; }
.calads-auth-error { padding: 12px; border-radius: 8px; background: #fff0f0; color: #a02020; }
.calads-auth-note { color: #607080; font-size: 13px; }
.calads-elementor-feature { width: 100%; max-width: none; box-sizing: border-box; }
.calads-demo-switcher { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; width: 100%; margin: 12px 0; padding: 12px 16px; box-sizing: border-box; border: 1px solid #d7e0e8; border-radius: 10px; background: #fff; }
.calads-demo-switcher span { margin-right: 4px; font-weight: 800; }
.calads-demo-switcher a { padding: 8px 13px; border-radius: 7px; background: #163a63; color: #fff !important; text-decoration: none; font-weight: 700; }