/* Basic dark grid style */
.ri-controls { margin-bottom: 12px; }
.ri-search-form input, .ri-search-form select { padding: 8px; margin-right:6px; background:#0B0B0B; color:#fff; border:1px solid #222; }
.ri-grid { display:flex; flex-wrap:wrap; gap:18px; }
.ri-card { width:260px; background:#0E0F12; color:#ddd; padding:14px; border-radius:12px; border:1px solid rgba(255,255,255,0.04); box-shadow:0 6px 20px rgba(0,0,0,0.6); }
.ri-thumb img { width:100%; height:160px; object-fit:cover; border-radius:8px; }
.ri-title { font-size:16px; margin:8px 0; color:#fff; }
.ri-meta { font-size:12px; color:#A8B3C0; display:flex; gap:8px; margin-bottom:10px; }
.ri-actions { display:flex; gap:8px; }
.ri-actions .ri-copy-btn { background:#1E8FFF; border:none; color:#000; padding:8px 10px; border-radius:8px; cursor:pointer; font-weight:600; }
.ri-actions .ri-details { padding:8px 10px; background:transparent; border:1px solid rgba(255,255,255,0.06); color:#fff; border-radius:8px; text-decoration:none; display:inline-flex; align-items:center; }

/* Modal */
#ri-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.7); z-index:99999; align-items:center; justify-content:center; }
#ri-modal .ri-modal-inner { width:96%; max-width:620px; background:#0C0D0F; padding:20px; border-radius:12px; border:1px solid rgba(255,255,255,0.04); color:#e6eef8; }
#ri-ad-slot { min-height:90px; margin-bottom:12px; background:linear-gradient(90deg, rgba(30,143,255,0.06), rgba(42,208,170,0.03)); display:flex; align-items:center; justify-content:center; color:#9fbce6; border-radius:8px; }
#ri-modal-copy { background:#2AD0AA; border:none; padding:10px 14px; color:#000; font-weight:700; border-radius:8px; }
#ri-modal-close { background:transparent; border:1px solid rgba(255,255,255,0.06); color:#fff; padding:8px 12px; border-radius:8px; margin-left:8px; }

/* Responsive */
@media (max-width:640px) {
    .ri-grid { gap:12px; }
    .ri-card { width:100%; }
}