/* ═══════════════════════════════════════════════════
   RESPONSIVE — Mobile breakpoints
═══════════════════════════════════════════════════ */

@media (max-width: 600px) {

  /* Simulator panels */
  .panel,
  .result-body   { padding: 22px 16px; }
  .result-header { padding: 28px 16px 20px; }
  .success-panel { padding: 34px 16px; }

  /* Type grid: 2 columns on mobile */
  .type-grid { grid-template-columns: repeat(2, 1fr); }

  /* Lead form: single column */
  .lead-grid                  { grid-template-columns: 1fr; }
  .lead-grid .field.col-full  { grid-column: span 1; }

  /* Hide progress labels */
  .p-label { display: none; }

  /* Admin add form */
  .add-form-grid { grid-template-columns: 1fr 1fr; }

  /* Admin table: horizontal scroll */
  .data-card { overflow-x: auto; }
}

@media (max-width: 400px) {
  .type-grid     { grid-template-columns: 1fr 1fr; }
  .add-form-grid { grid-template-columns: 1fr; }
  .surf-group    { gap: 6px; }
  .surf-btn      { padding: 8px 10px; font-size: 12px; }
}