/* Keep Mail API's own controls, but give Send/Test/Drop the compact
   Production tab placement immediately below the page heading. */
.mailbox-api-page-v196.production-send-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 24px;
}
.mailbox-api-page-v196.production-send-page > * {
  min-width: 0;
  margin-top: 0 !important;
}
.mailbox-api-page-v196.production-send-page > :first-child > :first-child > p.mt-2,
.mailbox-api-page-v196.production-send-page > .grid.gap-3.sm\:grid-cols-4 {
  display: none !important;
}
.mailbox-api-page-v196.production-send-page > :first-child { order: 0; }
.mailbox-api-page-v196.production-send-page > .mailbox-provider-tabs-v118.mail-api-nav-v219 { order: 1; }
.mailbox-api-page-v196.production-send-page > :not(:first-child):not(.mailbox-provider-tabs-v118) { order: 2; }

.mailbox-api-page-v196 .mailbox-provider-tabs-v118.mail-api-nav-v219 {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-self: start;
  align-items: center;
  gap: 8px;
  width: auto !important;
  max-width: 100%;
  overflow: visible !important;
}
.mailbox-api-page-v196 .mailbox-provider-tabs-v118.mail-api-nav-v219 > button:not(.mai-hidden-tab-v219) {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .mailbox-api-page-v196 .mailbox-provider-tabs-v118.mail-api-nav-v219 {
    justify-self: stretch;
    width: 100% !important;
  }
}