/* Ortak mobil uyumluluk katmanı */
html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; }
input, select, textarea, button { max-width: 100%; }

@media (max-width: 900px) {
  .page-wrap, main.page-wrap { width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
  .admin-header-inner, .header-inner { width: 100%; flex-wrap: wrap; }
  .header-actions { width: 100%; gap: 8px !important; }
  .header-actions > * { flex: 1 1 auto; text-align: center; }
  .title-row, .section-title-row, .panel-title, .card-head { align-items: flex-start !important; flex-wrap: wrap; }
  .form-grid, .edit-grid, .manual-form-grid, .summary-grid, .signup-layout, .content-grid { grid-template-columns: 1fr !important; }
  .form-group.full, .form-field.full, .manual-form-grid .full { grid-column: auto !important; }
  .table-card, .panel-card { max-width: 100%; }
  .table-scroll, .panel-card { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  dialog { width: calc(100% - 24px) !important; max-height: calc(100dvh - 24px); overflow-y: auto; }
}

@media (max-width: 600px) {
  input, select, textarea { font-size: 16px !important; }
  button, .btn, .header-link, .back-link, .whatsapp-button, .add-button, .delete-button { min-height: 44px; }
  .hero-card, .panel-card, .table-card, .form-card, .intro-card, .card { border-radius: 18px !important; }
  .modal, .modal-body { padding: 20px !important; }
  .modal-actions { flex-direction: column-reverse; }
  .modal-actions > * { width: 100%; }
}