/* ===== تم تیره و لوکس پلاگین سبد سرمایه‌گذاری ===== */

/* بلوک دفاعی: بعضی قالب‌های وردپرس رنگ دکمه/باکس‌ها رو با استایل خودشون رست می‌کنن.
   این بخش با اولویت بالاتر (نسبت به .cpp-scope) و !important روی مهم‌ترین
   ویژگی‌های ظاهری، تضمین می‌کنه رنگ‌بندی پلاگین همیشه همینه که طراحی شده. */
.cpp-scope, .cpp-scope * { box-sizing: border-box; }
.cpp-scope { direction: rtl; font-family: Tahoma, Vazirmatn, sans-serif; }
.cpp-scope .cpp-card {
    background: linear-gradient(155deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)) !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e5e7eb !important;
}
.cpp-scope .cpp-badge { background:#d4af37 !important; color:#0b0e17 !important; }
.cpp-scope .cpp-badge-risk-low { background:#34d399 !important; }
.cpp-scope .cpp-badge-risk-medium { background:#fbbf24 !important; }
.cpp-scope .cpp-badge-risk-high { background:#f87171 !important; }
.cpp-scope .cpp-badge-premium { background: linear-gradient(135deg,#d4af37,#8b5cf6) !important; color:#fff !important; }
.cpp-scope .cpp-btn { background: rgba(255,255,255,0.06) !important; color:#e5e7eb !important; border-color: rgba(255,255,255,0.1) !important; }
.cpp-scope .cpp-btn-gold { background: linear-gradient(135deg,#d4af37,#b8860b) !important; color:#0b0e17 !important; }
.cpp-scope .cpp-btn-gold.added { background: linear-gradient(135deg,#34d399,#059669) !important; color:#06251a !important; }
.cpp-scope .cpp-unlock-btn { background: linear-gradient(135deg,#d4af37,#8b5cf6) !important; color:#fff !important; }
.cpp-scope .cpp-teaser-btn { background: linear-gradient(135deg,#d4af37,#8b5cf6) !important; color:#fff !important; }
.cpp-scope h2, .cpp-scope h3 { color:#f9fafb !important; }
.cpp-scope table, .cpp-scope th, .cpp-scope td { background: transparent !important; }
.cpp-scope a { text-decoration: none; }

.cpp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 16px;
    direction: rtl;
    font-family: inherit;
}

.cpp-card {
    background: linear-gradient(155deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 16px 18px;
    backdrop-filter: blur(6px);
    position: relative;
    color: #e5e7eb;
}
.cpp-card:hover { border-color: rgba(212,175,55,0.35); }

.cpp-card-header { display:flex; justify-content:space-between; align-items:center; gap:10px; cursor:pointer; }
.cpp-header-left { display:flex; align-items:center; gap:10px; }
.cpp-mini-spark { width:56px; height:26px; flex-shrink:0; overflow:hidden; }
.cpp-mini-spark canvas,
.cpp-perf-chart-wrap canvas { width:100% !important; height:100% !important; display:block; }

.cpp-title-block h3 { margin:0 0 5px; font-size:14.5px; color:#f9fafb; }
.cpp-badges { display:flex; gap:5px; flex-wrap:wrap; }
.cpp-badge { font-size:10px; padding:3px 8px; border-radius:999px; color:#0b0e17; font-weight:600; background:#d4af37; }
.cpp-badge-premium { background:linear-gradient(135deg,#d4af37,#8b5cf6); color:#fff; }

.cpp-live { display:flex; align-items:center; gap:5px; font-size:9.5px; color:#6b7280; margin-top:4px; }
.cpp-live-dot { width:6px; height:6px; border-radius:50%; background:#34d399; animation: cpp-pulse 1.6s infinite; }
@keyframes cpp-pulse {
    0% { box-shadow: 0 0 0 0 rgba(52,211,153,0.5); }
    70% { box-shadow: 0 0 0 6px rgba(52,211,153,0); }
    100% { box-shadow: 0 0 0 0 rgba(52,211,153,0); }
}

.cpp-toggle-icon { color:#9ca3af; font-size:16px; transition: transform .2s; flex-shrink:0; }
.cpp-card.open .cpp-toggle-icon { transform: rotate(180deg); color:#d4af37; }

.cpp-details { max-height:0; overflow:hidden; transition: max-height .35s ease; }
.cpp-card.open .cpp-details { max-height:1200px; margin-top:14px; }

.cpp-description { font-size:12px; color:#9ca3af; margin:0 0 14px; line-height:1.8; padding-top:12px; border-top:1px solid rgba(255,255,255,0.07); }

.cpp-alloc-label { font-size:10.5px; color:#6b7280; margin-bottom:6px; }
.cpp-alloc-bar { display:flex; width:100%; height:12px; border-radius:7px; overflow:hidden; margin-bottom:10px; }
.cpp-alloc-seg { height:100%; }
.cpp-alloc-legend { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:14px; }
.cpp-legend-item { display:flex; align-items:center; gap:5px; font-size:11px; color:#d1d5db; }
.cpp-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }

.cpp-table { width:100%; border-collapse:collapse; font-size:11.5px; margin-bottom:14px; }
.cpp-table th, .cpp-table td { padding:5px 6px; text-align:right; border-bottom:1px solid rgba(255,255,255,0.06); color:#d1d5db; }
.cpp-table th { color:#6b7280; font-weight:600; font-size:10px; }
.cpp-up { color:#34d399; font-weight:600; }
.cpp-down { color:#f87171; font-weight:600; }

.cpp-perf-title { font-size:11px; color:#9ca3af; margin-bottom:6px; display:flex; justify-content:space-between; }
.cpp-perf-total { color:#6b7280; }
.cpp-perf-chart-wrap { height:80px; margin-bottom:12px; overflow:hidden; position:relative; }

.cpp-actions { display:flex; gap:8px; flex-wrap:wrap; }
.cpp-btn { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); color:#e5e7eb; border-radius:8px; padding:7px 12px; font-size:11px; cursor:pointer; }
.cpp-btn:hover { background:rgba(212,175,55,0.15); }
.cpp-btn-gold { background:linear-gradient(135deg,#d4af37,#b8860b); border:none; color:#0b0e17; font-weight:700; }
.cpp-btn-gold.added { background:linear-gradient(135deg,#34d399,#059669); color:#06251a; }

.cpp-my-return { margin-top:12px; padding:10px 12px; border-radius:10px; background:rgba(52,211,153,0.08); border:1px solid rgba(52,211,153,0.3); font-size:12px; color:#a7f3d0; display:none; }
.cpp-my-return.show { display:block; }

.cpp-disclaimer { margin-top:12px; font-size:9.5px; color:#6b7280; line-height:1.6; }

/* قفل سبد ویژه - نسخه امن: نام/عدد واقعی اصلاً در HTML نیست، فقط لیبل عمومی + بلور روی همان لیبل عمومی */
.cpp-blur-value { filter: blur(4px); user-select:none; }
.cpp-perf-locked {
    height: 80px; margin-bottom: 12px; border-radius: 12px;
    background: rgba(255,255,255,0.03); border: 1px dashed rgba(255,255,255,0.12);
    display:flex; align-items:center; justify-content:center; gap:6px;
    font-size: 11px; color:#6b7280;
}
.cpp-unlock-banner {
    display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
    background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(139,92,246,0.1));
    border: 1px solid rgba(212,175,55,0.35);
    border-radius: 12px; padding: 12px 14px; margin-top: 4px;
}
.cpp-unlock-banner .txt { font-size:11.5px; color:#e5e7eb; line-height:1.7; }
.cpp-unlock-banner .txt b { color:#fbbf24; }
.cpp-unlock-btn { background: linear-gradient(135deg,#d4af37,#8b5cf6); border:none; color:#fff; font-weight:700; padding:9px 18px; border-radius:10px; font-size:11.5px; cursor:pointer; text-decoration:none; white-space:nowrap; display:inline-block; }

/* پیام نیاز به ورود */
.cpp-login-notice {
    background: rgba(212,175,55,0.08); border:1px solid rgba(212,175,55,0.3); color:#fbbf24;
    padding:14px 18px; border-radius:12px; font-size:13px; text-align:center;
}
.cpp-login-notice a { color:#d4af37; font-weight:700; }

/* ===== ویجت تیزر صفحه اصلی ===== */
.cpp-teaser {
    max-width: 720px;
    background: linear-gradient(155deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 22px;
    position: relative;
    overflow: hidden;
    direction: rtl;
    color:#e5e7eb;
}
.cpp-teaser-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; position:relative; z-index:2; }
.cpp-teaser-header h2 { font-size:16px; margin:0; color:#f9fafb; }
.cpp-teaser-blur-zone { filter: blur(7px); opacity:0.55; pointer-events:none; user-select:none; }
.cpp-teaser-row { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,0.03); margin-bottom:10px; font-size:13px; }
.cpp-teaser-row .name { color:#f3f4f6; font-weight:600; }
.cpp-teaser-row .alloc-mini { display:flex; width:80px; height:8px; border-radius:5px; overflow:hidden; }
.cpp-teaser-row .up { color:#34d399; font-weight:700; }
.cpp-teaser-overlay {
    position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:12px; text-align:center; padding:24px;
    background: radial-gradient(circle at 50% 40%, rgba(11,14,23,0.2), rgba(6,8,16,0.85) 70%);
    z-index:3;
}
.cpp-teaser-icon { font-size:26px; }
.cpp-teaser-title { font-size:15px; color:#f9fafb; font-weight:700; }
.cpp-teaser-desc { font-size:12.5px; color:#9ca3af; max-width:320px; line-height:1.8; }
.cpp-teaser-btn { background: linear-gradient(135deg,#d4af37,#8b5cf6); border:none; color:#fff; font-weight:700; padding:10px 26px; border-radius:12px; font-size:13px; cursor:pointer; margin-top:4px; }

/* عنوان بخش‌ها (رایگان / ویژه) */
.cpp-section-title { font-size: 15px; color:#f9fafb; margin: 26px 0 14px; padding-right: 4px; border-right: 3px solid #d4af37; }
.cpp-section-title-premium { border-right-color: #8b5cf6; }

/* بلوک پرتفوی من */
.cpp-my-summary { background: linear-gradient(135deg, rgba(212,175,55,0.1), rgba(139,92,246,0.08)); border:1px solid rgba(212,175,55,0.3); border-radius:18px; padding:18px; margin-bottom:20px; direction:rtl; }
.cpp-my-summary h2 { font-size:14.5px; margin:0 0 12px; color:#f9fafb; }
.cpp-my-summary-grid { display:flex; gap:12px; flex-wrap:wrap; }
.cpp-my-item { flex:1; min-width:160px; background:rgba(0,0,0,0.2); border-radius:12px; padding:10px 12px; }
.cpp-my-item .t { font-size:11.5px; color:#d1d5db; margin-bottom:4px; }
.cpp-my-item .r { font-size:15px; font-weight:700; }
.cpp-my-total { background:rgba(0,0,0,0.25); border-radius:12px; padding:10px 12px; min-width:160px; }
.cpp-my-total .t { font-size:11.5px; color:#9ca3af; }
.cpp-my-total .r { font-size:18px; font-weight:800; color:#34d399; }

/* مودال نقاط ورود و استراتژی مدیریت سبد */
.cpp-modal-overlay {
    position: fixed; inset: 0; background: rgba(6,8,16,0.75);
    display: flex; align-items: center; justify-content: center;
    z-index: 99999; padding: 20px;
}
.cpp-modal-box {
    max-width: 480px; width: 100%; max-height: 80vh; overflow-y: auto;
    background: linear-gradient(155deg, rgba(255,255,255,0.09), rgba(255,255,255,0.02)), linear-gradient(135deg, #201a34, #12101f);
    border: 1px solid rgba(212,175,55,0.4); border-radius: 18px; padding: 22px;
    direction: rtl; font-family: Tahoma, Vazirmatn, sans-serif; color: #e5e7eb;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.cpp-modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.cpp-modal-title { font-size: 15px; font-weight: 700; color: #f9fafb; }
.cpp-modal-close { background: rgba(255,255,255,0.08); border:none; color:#e5e7eb; width:28px; height:28px; border-radius:50%; cursor:pointer; font-size:14px; }
.cpp-modal-body { font-size: 13px; line-height: 1.9; color: #d1d5db; }
.cpp-modal-upsell-icon { font-size: 30px; text-align:center; margin-bottom: 10px; }
.cpp-modal-upsell-btn {
    display:block; text-align:center; margin-top:16px; text-decoration:none;
    background: linear-gradient(135deg,#d4af37,#8b5cf6); color:#fff; font-weight:700;
    padding: 10px 20px; border-radius: 12px; font-size: 13px;
}

/* جدول ادمین */
#cpp-coins-table input { padding:4px; }