/* =====================================================================
   v221 — Team Management action geometry only.
   Keeps the protected app.css untouched.
   ===================================================================== */

/* Primary Team action: compact pill with fully rounded ends. */
.team-add {
  height: 42px;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
}

/*
   Team Close uses the same bottom action-row geometry as New Project's
   Cancel/Create row, but remains one full-width button.

   New Project final mobile geometry in app.css:
     - sticky action row
     - bottom: 19px
     - 24px padding above the button
     - 46px minimum button height
     - fully rounded button

   26px outer gap + 24px action-row top padding = exactly 50px visible
   distance from the member-list bottom to the Close button top.
*/
.team-close-actions {
  position: sticky;
  bottom: calc(-22px - env(safe-area-inset-bottom));
  z-index: 4;
  margin: 26px -20px 0 !important;
  padding: 24px 20px calc(12px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid var(--divider);
  background: color-mix(in srgb, var(--option-panel) 94%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  gap: 14px !important;
}

.team-close-actions .btn {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  min-height: 46px !important;
  border-radius: 999px !important;
}

/* Match the exact iPhone/mobile baseline used by New Project Cancel. */
@media (max-width: 639px) {
  .team-close-actions {
    bottom: 19px !important;
    margin-bottom: 0 !important;
    padding: 24px 20px 0 !important;
  }
}