.payment-secret {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 8px 12px;
  grid-template-columns: 1fr auto;
  padding: 13px 0;
}

.payment-secret strong,
.payment-secret small {
  display: block;
}

.payment-secret strong { font-size: 11px; }
.payment-secret small { color: var(--muted); font-size: 9px; margin-top: 4px; }
.payment-secret .integration-actions { grid-column: 1 / -1; margin-top: 4px; width: 100%; }
.provider-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.webhook-address { color: #657068; display: block; font: 9px ui-monospace, SFMono-Regular, monospace; margin-top: 13px; word-break: break-all; }

.payment-policy {
  align-items: center;
  background: linear-gradient(100deg, rgba(30, 215, 96, .13), rgba(30, 215, 96, .035));
  border: 1px solid rgba(30, 215, 96, .28);
  border-radius: 15px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 7px 18px;
  margin-bottom: 14px;
  padding: 17px 19px;
}
.payment-policy span { color: #82a98d; font-size: 8px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.payment-policy strong { font-size: 14px; }
.payment-policy p { color: #a6b1a9; font-size: 10px; margin: 0; text-align: right; }
.payment-provider { position: relative; transition: border-color .2s ease, opacity .2s ease; }
.payment-provider--active { border-color: rgba(30, 215, 96, .42); box-shadow: inset 3px 0 0 var(--green); }
.payment-provider--inactive { opacity: .78; }
.provider-rule { color: #8d978f; display: block; font-size: 9px; line-height: 1.5; margin-top: 11px; }

@media (max-width: 760px) {
  .payment-policy { align-items: start; grid-template-columns: 1fr; }
  .payment-policy p { text-align: left; }
}