.modal-actions {
  gap: 16px;
  padding-top: 22px;
}

.danger-text {
  color: var(--red);
  border-color: #e7c2bd;
}

.delete-zone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.delete-zone div {
  display: grid;
  gap: 3px;
}

.delete-zone small {
  color: var(--muted);
}

.production-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.paid {
  color: var(--green2);
  background: #e2ecdf;
}

.production-rule {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 17px 20px;
  margin-bottom: 20px;
  border: 1px solid #dbe5d8;
  border-radius: 16px;
  background: #edf3ea;
}

.production-rule strong {
  display: block;
  margin-bottom: 3px;
}

@media (max-width: 720px) {
  .modal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .modal-actions button {
    min-height: 46px;
  }

  .delete-zone {
    align-items: stretch;
    flex-direction: column;
  }

  .delete-zone button {
    min-height: 44px;
  }

  .mobile-nav {
    grid-template-columns: repeat(5, 1fr);
  }

  .production-toolbar,
  .production-rule {
    align-items: stretch;
    flex-direction: column;
  }
}