@media screen and (max-width: 900px) {
  #meb-odoo-app .doc-layout-grid { grid-template-columns: minmax(0, 1fr); }
  #meb-odoo-app .doc-layout-grid > * { min-width: 0; }
  #meb-odoo-app .odoo-club-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
  #meb-odoo-app .odoo-input { min-width: 0; font-size: 16px; min-height: 44px; }
  #meb-odoo-app .odoo-btn, #meb-odoo-app .doc-tab-btn { min-height: 44px; white-space: normal; }
  #meb-odoo-app .odoo-icon-delete { width: 44px; height: 44px; }
  /* Keep the paper readable and at A4 width inside its own scroll area. */
  #meb-odoo-app .a4-sheet { overflow-x: auto; overscroll-behavior-x: contain; }
  #meb-odoo-app .a4-page-section { width: 210mm; max-width: none; }
  #meb-odoo-app .a4-editor-toolbar > div { flex-wrap: wrap; }
  #meb-odoo-app .a4-editor-toolbar select { font-size: 16px !important; height: 44px !important; max-width: 100%; }
  #meb-odoo-app .a4-editor-toolbar button { min-width: 44px; }
}
@media screen and (max-width: 480px) {
  #meb-odoo-app { padding: 10px; }
  #meb-odoo-app .odoo-card { padding: 12px; }
  #meb-odoo-app .odoo-steps-grid { gap: 6px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #meb-odoo-app .odoo-top-actions { justify-content: stretch; }
  #meb-odoo-app .odoo-top-actions .odoo-btn { flex: 1 1 120px; justify-content: center; }
  #meb-odoo-app .a4-editor-toolbar { padding: 10px; }
}