@media (max-width: 900px) {
  .header-actions { display:flex; flex-direction:column; gap:8px; align-items:stretch; }
  .team-mobile { display:block; border:1px solid #cbd9d1; background:#fff; color:#1f6b4f; border-radius:10px; padding:10px 14px; font-weight:800; }
  dialog {
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    inset: 0;
    border-radius: 0;
  }

  dialog form {
    height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: calc(132px + env(safe-area-inset-bottom));
  }

  dialog .actions {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 14px 18px calc(14px + env(safe-area-inset-bottom));
    background: #fff;
    box-shadow: 0 -10px 24px #10281e18;
  }

  dialog .actions .primary {
    width: 100%;
    min-height: 50px;
  }
}
.team-mobile { display:none; }
@media (max-width: 900px) { .team-mobile { display:block; } }