/* API Detail Page - HafizDev burgundy */
.detail-hero{background:linear-gradient(135deg,#5c1f3d 0%,#802b55 50%,#5c1f3d 100%);color:#fff;padding:20px 0 18px;position:relative;overflow:hidden}
.detail-hero::before{content:'';position:absolute;inset:0;opacity:.08;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.15) 20px,rgba(255,255,255,.15) 21px)}
.detail-hero .container{position:relative;z-index:2}
.detail-back{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.7);font-size:.8rem;margin-bottom:10px;transition:.2s}
.detail-back:hover{color:#fff}
.detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.detail-premium{background:linear-gradient(135deg,#a03d6e,#802b55);color:#fff;font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.06em}
.detail-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin-bottom:4px;line-height:1.2}
.detail-sub{color:rgba(255,255,255,.75);font-size:.88rem;margin-bottom:10px;line-height:1.4}
.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.detail-tag{padding:4px 10px;border:1px solid rgba(255,255,255,.25);border-radius:6px;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.9);background:rgba(255,255,255,.06)}
.endpoint-box{background:rgba(0,0,0,.35);border:1px solid rgba(160,61,110,.45);border-radius:8px;padding:9px 14px;font-family:'Courier New',monospace;font-size:.78rem;color:#e8b4cc;overflow-x:auto;margin-bottom:0}
.detail-body{padding:28px 0}
.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.preview-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.preview-box h3{font-size:.95rem;font-weight:700;margin-bottom:14px;color:var(--text)}
.preview-mini{max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--bg)}
.arabic-line{font-size:1.5rem;line-height:2;text-align:right;direction:rtl;font-family:var(--font-arabic);color:var(--primary);margin-bottom:10px}
[data-theme="dark"] .arabic-line{color:var(--primary-light)}
.preview-text{font-size:.88rem;color:var(--text-muted);line-height:1.7}
.lang-switch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.lang-chip{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);font-size:.72rem;font-weight:600;color:var(--text-muted)}
.lang-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.info-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.info-panel h4{font-size:.9rem;margin-bottom:12px;color:var(--text)}
.info-list li{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.84rem;color:var(--text-muted)}
.info-list li::before{content:'✓';color:var(--primary);font-weight:800}
.json-badge{display:inline-block;padding:4px 10px;background:rgba(128,43,85,.12);color:var(--primary);border-radius:6px;font-size:.72rem;font-weight:700;margin-top:8px}
.apply-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-top:16px;box-shadow:var(--shadow)}
.apply-form-card h3{font-size:1rem;font-weight:800;margin-bottom:6px;color:var(--text)}
.apply-form-sub{font-size:.82rem;color:var(--text-muted);margin-bottom:16px;line-height:1.5}
.apply-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.apply-submit-btn{width:100%;margin-top:4px;padding:13px}
@media(max-width:700px){.apply-form-row{grid-template-columns:1fr}}
.preview-loading,.preview-error{font-size:.85rem;padding:8px 0}
.preview-error{color:#c44}
.preview-item{border-bottom:1px solid var(--border);padding:12px 0}
.preview-item:last-child{border-bottom:none}
.json-preview{font-size:.72rem;overflow:auto;max-height:240px;background:var(--bg);padding:12px;border-radius:8px;border:1px solid var(--border)}
.detail-others{padding:40px 0 50px;background:var(--bg-card);border-top:1px solid var(--border)}
.others-head{text-align:center;max-width:640px;margin:0 auto 32px}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}}