.djamo-dev{--djamo:#5b55f7;--djamo-dark:#25245d;--djamo-soft:#f1f0ff}
.djamo-dev-hero{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:2rem;border-radius:24px;color:#fff;background:linear-gradient(135deg,#25245d 0%,#5b55f7 65%,#7772ff 100%);box-shadow:0 20px 45px rgba(55,49,158,.2)}
.djamo-dev-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:.2rem 0 .6rem}
.djamo-dev-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.78)}
.djamo-env{white-space:nowrap;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.12);font-weight:750;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.provider-card{position:relative;padding:1.35rem;border:1px solid var(--bs-border-color);border-radius:20px;background:var(--bs-body-bg)}
.provider-card.primary{border:2px solid var(--djamo);background:linear-gradient(145deg,var(--djamo-soft),var(--bs-body-bg) 70%)}
.provider-order{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:1rem;border-radius:12px;background:#e9ecef;font-weight:850}
.provider-card.primary .provider-order{color:#fff;background:var(--djamo)}
.provider-card h2{font-size:1.15rem;margin:0 0 .4rem}
.provider-card p{margin:0;color:var(--bs-secondary-color)}
.primary-ribbon{position:absolute;right:1rem;top:1rem;color:#fff;background:var(--djamo);padding:.35rem .65rem;border-radius:999px;font-size:.72rem;font-weight:800}
.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.config-item{display:flex;align-items:center;gap:.7rem;padding:.85rem;border:1px solid var(--bs-border-color);border-radius:14px;background:var(--bs-tertiary-bg)}
.config-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:850}
.config-ok .config-dot{color:#087443;background:#d9f8e8}
.config-missing .config-dot{color:#a12424;background:#ffe0e0}
.config-item strong{font-size:.9rem}
.config-item small{display:block;color:var(--bs-secondary-color);line-height:1.25}
.dev-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.dev-action{display:flex;flex-direction:column;padding:1.2rem;border:1px solid var(--bs-border-color);border-radius:17px;background:var(--bs-body-bg)}
.dev-action h3{font-size:1rem}
.dev-action p{color:var(--bs-secondary-color);font-size:.9rem;flex:1}
.djamo-url{display:block;padding:.7rem .8rem;overflow-wrap:anywhere;border-radius:10px;background:var(--bs-tertiary-bg);font:500 .82rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}
.djamo-status{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:999px;font-size:.76rem;font-weight:800}
.djamo-status-paid{color:#087443;background:#d9f8e8}
.djamo-status-pending,.djamo-status-creating{color:#765600;background:#fff1bf}
.djamo-status-failed,.djamo-status-canceled,.djamo-status-expired{color:#a12424;background:#ffe0e0}
.djamo-status-refunded{color:#335267;background:#e4f0f7}
.djamo-table td,.djamo-table th{vertical-align:middle}
.djamo-table code{font-size:.78rem}
.djamo-charge-actions{display:flex;flex-wrap:wrap;gap:.45rem;min-width:250px}
.djamo-charge-actions form{margin:0}
.djamo-staging-note{border-left:4px solid #0dcaf0}
.dev-empty{padding:2rem;text-align:center;color:var(--bs-secondary-color)}
@media(max-width:991px){.config-grid,.dev-actions{grid-template-columns:1fr 1fr}.djamo-dev-hero{flex-direction:column}.provider-grid{grid-template-columns:1fr}}
@media(max-width:640px){.config-grid,.dev-actions{grid-template-columns:1fr}.djamo-dev-hero{padding:1.35rem}.primary-ribbon{position:static;display:inline-block;margin-bottom:.8rem}.djamo-charge-actions{min-width:210px}}