/* Faz 14 — Entegrasyonlar: anahtar gosterimi, kod kutulari, webhook teslimat rozetleri, WhatsApp listesi */
.az-secret-box { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: var(--az-surface); border: 1px dashed var(--az-primary); border-radius: var(--az-radius); padding: 12px 14px; margin-bottom: 16px; }
.az-secret-box code { font-size: 1rem; word-break: break-all; flex: 1 1 320px; user-select: all; }
.az-secret-box .az-btn-xs { padding: 4px 10px; font-size: .8rem; }
.az-code-block { background: #0f172a; color: #e2e8f0; border-radius: var(--az-radius-sm); padding: 12px 14px; font-size: .82rem; overflow-x: auto; white-space: pre; margin: 8px 0 14px; }
.az-int-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin-bottom: 20px; }
.az-int-cards .az-card { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.az-int-cards .az-card h3 { margin: 0; font-size: 1.02rem; }
.az-int-cards .az-card p { margin: 0; color: var(--az-muted); font-size: .9rem; }
.az-int-cards .az-actions { margin-top: auto; padding-top: 8px; }
.az-scope-list { display: flex; flex-wrap: wrap; gap: 4px; }
.az-wa-metin { white-space: pre-wrap; background: var(--az-surface); border: 1px solid var(--az-line); border-radius: var(--az-radius-sm); padding: 10px 12px; font-size: .9rem; max-width: 640px; }
.az-wa-btn { background: #16a34a; border-color: #16a34a; color: #fff; }
.az-wa-btn:hover { background: #15803d; }
.az-tag-muted { opacity: .6; }
.az-http-2xx { color: var(--az-success); font-weight: 600; }
.az-http-err { color: var(--az-danger); font-weight: 600; }
.az-ubl-note { border-left: 4px solid var(--az-primary); padding: 10px 14px; background: var(--az-surface); margin-bottom: 16px; }
@media (max-width: 640px) {
    .az-secret-box code { font-size: .85rem; }
    .az-code-block { font-size: .74rem; }
}