/* Mobiele overrides horen voortaan hier.
   De basis-V5 gebruikt nog de geteste responsive regels uit app.css.
   Nieuwe mobiele aanpassingen bij voorkeur in dit bestand zetten. */

@media (max-width: 720px) {
  button, input, select, textarea { touch-action: manipulation; }
  .btn { min-height:44px; }
  .app { padding:12px 12px calc(88px + env(safe-area-inset-bottom)); }
  header { margin:-12px -12px 12px;padding:12px 12px 10px; }
  .top { align-items:center; }
  .brandSub > p { display:none; }
  .headerActions { gap:5px; }
  .headerActions > .btn { padding:8px 9px; }
  .headerContext { display:none; }
  .userChip span, .breadcrumb { display:none; }
  .teamPills { flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px; }
  .teamPill { flex:0 0 auto; }
  .updateNotice { bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 24px);justify-content:space-between; }
  .authDialog { margin:auto;width:calc(100% - 24px);border-radius:22px; }
  .integrationGrid{grid-template-columns:1fr}.inboxFilters>*{width:100%}.integrationLink{align-items:flex-start}.integrationForm .row{flex-direction:column}
}