.subordinate-action-modal {
  z-index: 26000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.subordinate-action-modal.hidden {
  display: none;
}

.subordinate-action-content {
  width: min(92vw, 520px);
  max-height: calc(100vh - 32px);
  margin: 0;
  overflow-y: auto;
  border-radius: 8px;
  padding: 20px;
}

.subordinate-action-content h3 {
  padding-right: 36px;
}

.manage-actions-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.manage-actions-trigger h4 {
  margin: 0;
}

.manage-actions-trigger .btn {
  min-width: 104px;
}

.subordinate-action-content .action-buttons {
  margin-top: 16px;
}

.subordinate-action-content .balance-section {
  margin-top: 20px;
}

/* These two actions must remain available; permission is checked by the API. */
.manage-actions .subordinate-balance-action {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Toasts must stay above the detail modal so API permission errors are visible. */
.screen-toast {
  z-index: 30001 !important;
}

@media (max-width: 420px) {
  .subordinate-action-content {
    width: calc(100vw - 24px);
    padding: 16px;
  }

  .manage-actions-trigger {
    align-items: stretch;
    flex-direction: column;
  }

  .manage-actions-trigger .btn {
    width: 100%;
  }
}