/* ════════════════════════════════════════════════════════════
   داشبورد مشتری ارشیا — CSS برند
   بنفش #352070 + طلایی #EEBB66 | فونت Vazirmatn | RTL
   ════════════════════════════════════════════════════════════ */

.arshia-cd {
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    direction: rtl;
    max-width: 1180px;
    margin: 0 auto;
    padding: 8px 0 56px;
    color: #2b2840;
}

/* ─── ورود لازم ─── */
.arshia-cd-login-required {
    text-align: center;
    padding: 72px 20px;
    background: #fff;
    border: 1px dashed #d8d2ec;
    border-radius: 22px;
    margin: 24px auto;
    max-width: 560px;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    direction: rtl;
}

.arshia-cd-login-ico { font-size: 44px; margin-bottom: 12px; }
.arshia-cd-login-required h3 { margin: 0 0 8px; font-size: 19px; color: #2b2840; }
.arshia-cd-login-required p { margin: 0 0 20px; font-size: 14px; color: #6b6780; line-height: 1.9; }

/* ─── هدر ─── */
.arshia-cd-header {
    position: relative;
    border-radius: 22px;
    padding: 34px 36px;
    overflow: hidden;
    background: linear-gradient(135deg, #352070 0%, #241a4d 55%, #1d1535 100%);
    color: #fff;
    margin-bottom: 22px;
    box-shadow: 0 18px 40px -22px rgba(53, 32, 112, .55);
}

.arshia-cd-header-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(420px 240px at 88% -30%, rgba(238, 187, 102, .22), transparent 62%),
        radial-gradient(320px 220px at 5% 120%, rgba(109, 79, 196, .4), transparent 60%);
}

.arshia-cd-header-content {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.arshia-cd-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 3px solid rgba(238, 187, 102, .55);
    background: rgba(255, 255, 255, .12);
}

.arshia-cd-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }

.arshia-cd-user h2 {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
}

.arshia-cd-user p {
    margin: 0 0 4px;
    font-size: 13.5px;
    color: rgba(255, 255, 255, .78);
    line-height: 1.9;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.arshia-cd-email { font-size: 12.5px; }
.arshia-cd-meta { font-size: 12px !important; color: rgba(255, 255, 255, .6) !important; }

.arshia-cd-tier-badge {
    margin-right: auto;
    flex-shrink: 0;
    text-align: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(238, 187, 102, .45);
    border-radius: 16px;
    padding: 12px 22px;
}

.arshia-cd-tier-badge span {
    display: block;
    font-size: 11.5px;
    color: rgba(255, 255, 255, .72);
    margin-bottom: 3px;
}

.arshia-cd-tier-badge strong { display: block; font-size: 18px; font-weight: 800; color: #EEBB66; }
.arshia-cd-tier-badge small { display: block; margin-top: 4px; font-size: 11px; color: rgba(255, 255, 255, .6); }

.arshia-cd-tier-badge.tier-gold strong   { color: #EEBB66; }
.arshia-cd-tier-badge.tier-silver strong { color: #dcd7ea; }
.arshia-cd-tier-badge.tier-bronze strong { color: #e8b98a; }

/* ─── نوار تب‌ها ─── */
.arshia-cd-tabs {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 4px;
    background: #fff;
    border: 1px solid #e8e5f2;
    border-radius: 16px;
    margin-bottom: 22px;
    box-shadow: 0 10px 26px -20px rgba(53, 32, 112, .3);
}

.arshia-cd-tab {
    flex: 1;
    min-width: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 14px;
    border: none;
    background: transparent;
    border-radius: 12px;
    cursor: pointer;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    color: #6b6780;
    white-space: nowrap;
    transition: background .18s, color .18s, transform .18s;
}

.arshia-cd-tab:hover { background: #f4f1fb; color: #352070; }
.arshia-cd-tab.is-active {
    background: linear-gradient(135deg, #352070, #4a3a8a);
    color: #fff;
    box-shadow: 0 8px 18px -8px rgba(53, 32, 112, .6);
}

.arshia-cd-tab .arshia-cd-ico { width: 18px; height: 18px; flex-shrink: 0; }

/* ─── آیکون ─── */
.arshia-cd-ico {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

/* ─── کاشی‌های نمای کلی ─── */
.arshia-cd-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.arshia-cd-tile {
    position: relative;
    background: #fff;
    border: 1px solid #e8e5f2;
    border-radius: 18px;
    padding: 22px 20px 18px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 12px 28px -20px rgba(53, 32, 112, .35);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.arshia-cd-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 36px -20px rgba(53, 32, 112, .45);
    border-color: #cfc6ec;
}

.arshia-cd-tile-ico {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #f2eefa;
    display: grid;
    place-items: center;
    margin-bottom: 12px;
    color: #352070;
}

.arshia-cd-tile-ico .arshia-cd-ico { width: 22px; height: 22px; }

.arshia-cd-tile-label {
    display: block;
    font-size: 12.5px;
    color: #7c7890;
    margin-bottom: 5px;
}

.arshia-cd-tile-value {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #2b2840;
    letter-spacing: -.5px;
    line-height: 1.2;
}

.arshia-cd-tile small {
    display: block;
    margin-top: 7px;
    font-size: 11.5px;
    color: #9a96ad;
}

/* ─── بخش ─── */
.arshia-cd-section {
    background: #fff;
    border: 1px solid #e8e5f2;
    border-radius: 18px;
    padding: 24px 26px;
    margin-bottom: 22px;
    box-shadow: 0 12px 28px -22px rgba(53, 32, 112, .3);
}

.arshia-cd-section h3 {
    margin: 0 0 16px;
    font-size: 16.5px;
    font-weight: 800;
    color: #352070;
    padding-bottom: 12px;
    border-bottom: 2px solid #f2eefa;
}

.arshia-cd-section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.arshia-cd-section-head h3 { margin: 0; padding: 0; border: none; }

.arshia-cd-empty {
    text-align: center;
    padding: 30px 16px;
    color: #9a96ad;
    font-size: 13.5px;
    background: #faf9fd;
    border: 1px dashed #d8d2ec;
    border-radius: 14px;
    margin: 0;
    line-height: 1.9;
}

/* ─── دکمه‌ها ─── */
.arshia-cd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background: linear-gradient(135deg, #352070, #4a3a8a);
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    padding: 11px 20px;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
    box-shadow: 0 8px 18px -8px rgba(53, 32, 112, .6);
}

.arshia-cd-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -8px rgba(53, 32, 112, .7); }
.arshia-cd-btn:active { transform: translateY(0); }

.arshia-cd-btn.is-gold {
    background: linear-gradient(135deg, #EEBB66, #d9a23f);
    color: #2b2040;
    box-shadow: 0 8px 18px -8px rgba(217, 162, 63, .7);
}
.arshia-cd-btn.is-gold:hover { box-shadow: 0 12px 24px -8px rgba(217, 162, 63, .85); }

.arshia-cd-btn.is-ghost {
    background: #fff;
    color: #352070;
    border: 1.5px solid #d8d2ec;
    box-shadow: none;
}
.arshia-cd-btn.is-ghost:hover { background: #f4f1fb; border-color: #352070; }

.arshia-cd-btn.is-danger { background: #fef2f2; color: #b91c1c; border: 1.5px solid #fca5a5; box-shadow: none; }
.arshia-cd-btn.is-danger:hover { background: #fee2e2; }

.arshia-cd-btn.is-sm { padding: 8px 14px; font-size: 12.5px; border-radius: 10px; }
.arshia-cd-btn:disabled { opacity: .5; cursor: default; transform: none; box-shadow: none; }

.arshia-cd-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* ─── نوار پیشرفت ─── */
.arshia-cd-progress {
    height: 12px;
    background: #f0edf7;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.arshia-cd-progress-bar {
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(90deg, #352070, #EEBB66);
    transition: width .5s ease;
}

.arshia-cd-progress-note { margin: 0; font-size: 12.5px; color: #6b6780; }

/* ─── جدول ─── */
.arshia-cd-table-wrap { overflow-x: auto; }

.arshia-cd-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.arshia-cd-table thead th {
    text-align: right;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 700;
    color: #7c7890;
    border-bottom: 2px solid #f2eefa;
    white-space: nowrap;
}

.arshia-cd-table tbody td {
    padding: 12px;
    border-bottom: 1px solid #f4f2f9;
    color: #444;
}

.arshia-cd-table tbody tr:last-child td { border-bottom: none; }
.arshia-cd-table tbody tr:hover { background: #faf9fd; }
.arshia-cd-table .ltr { direction: ltr; text-align: right; font-size: 12px; }
.arshia-cd-table a { color: #352070; font-weight: 700; text-decoration: none; }
.arshia-cd-table a:hover { text-decoration: underline; }

/* ─── پیل وضعیت ─── */
.arshia-cd-pill {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    white-space: nowrap;
    background: #f0ebfa;
    color: #352070;
}

.arshia-cd-pill.status-active { background: #e3f4e8; color: #166534; }

.arshia-cd-pill.status-inactive { background: #f3f4f6; color: #4b5563; }

.arshia-cd-pill.status-open { background: #fef9c3; color: #854d0e; }
.arshia-cd-pill.status-answered { background: #dbeafe; color: #1e40af; }
.arshia-cd-pill.status-closed,
.arshia-cd-pill.status-resolved { background: #e5e7eb; color: #374151; }
.arshia-cd-pill.status-expired,
.arshia-cd-pill.status-suspended { background: #fef2f2; color: #b91c1c; }

/* ─── لایسنس‌ها ─── */
.arshia-cd-licenses { display: grid; gap: 12px; }

.arshia-cd-license {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #faf9fd;
    border: 1px solid #e8e5f2;
    border-radius: 14px;
    padding: 16px 18px;
    flex-wrap: wrap;
}

.arshia-cd-license-ico {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #f2eefa;
    display: grid;
    place-items: center;
    color: #352070;
    flex-shrink: 0;
}

.arshia-cd-license-info { flex: 1; min-width: 180px; }
.arshia-cd-license-info strong { display: block; font-size: 14px; color: #2b2840; margin-bottom: 4px; }
.arshia-cd-license-info code {
    display: inline-block;
    font-size: 12px;
    background: #fff;
    border: 1px solid #e8e5f2;
    border-radius: 8px;
    padding: 3px 10px;
    color: #352070;
    margin-bottom: 4px;
}
.arshia-cd-license-info small { display: block; font-size: 11.5px; color: #9a96ad; }

/* ─── فرم پروفایل ─── */
.arshia-cd-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.arshia-cd-field { display: flex; flex-direction: column; }

.arshia-cd-field label {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #444;
}

.arshia-cd-field .req { color: #c94f4f; }

.arshia-cd-field input,
.arshia-cd-field select,
.arshia-cd-field textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid #ddd6ec;
    border-radius: 11px;
    font-size: 13.5px;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    background: #fff;
    color: #2b2840;
    transition: border-color .2s, box-shadow .2s;
}

.arshia-cd-field input:focus,
.arshia-cd-field select:focus,
.arshia-cd-field textarea:focus {
    outline: none;
    border-color: #352070;
    box-shadow: 0 0 0 3px rgba(53, 32, 112, .12);
}

.arshia-cd-form-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.arshia-cd-form-msg { font-size: 13px; font-weight: 700; }
.arshia-cd-form-msg.is-ok { color: #059669; }
.arshia-cd-form-msg.is-err { color: #dc2626; }

.arshia-cd-note {
    margin-top: 18px;
    font-size: 12.5px;
    color: #6b6780;
    background: #faf9fd;
    border: 1px dashed #d8d2ec;
    border-radius: 12px;
    padding: 12px 16px;
    line-height: 1.9;
}
.arshia-cd-note a { color: #352070; font-weight: 700; }

.arshia-cd-danger-zone {
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px dashed #e8e5f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.arshia-cd-danger-zone h4 { margin: 0; font-size: 13.5px; color: #b91c1c; }

/* ─── افزونه نصب نیست ─── */
.arshia-cd-plugin-missing {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    padding: 20px 22px;
    direction: rtl;
}

.arshia-cd-pm-ico { font-size: 26px; line-height: 1; flex-shrink: 0; }
.arshia-cd-plugin-missing strong { display: block; font-size: 14.5px; color: #9a3412; margin-bottom: 4px; }
.arshia-cd-plugin-missing p { margin: 0; font-size: 12.5px; color: #c2410c; line-height: 1.9; }

/* ─── واکنشگرا ─── */
@media (max-width: 900px) {
    .arshia-cd-header { padding: 26px 22px; }
    .arshia-cd-header-content { gap: 14px; }
    .arshia-cd-user h2 { font-size: 19px; }
    .arshia-cd-tier-badge { margin-right: 0; padding: 9px 16px; }
}

@media (max-width: 720px) {
    .arshia-cd { padding: 4px 12px 40px; }
    .arshia-cd-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .arshia-cd-tab { min-width: 132px; flex: 0 0 auto; }
    .arshia-cd-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .arshia-cd-tile { padding: 16px 14px 14px; }
    .arshia-cd-tile-value { font-size: 21px; }
    .arshia-cd-section { padding: 18px 16px; }
    .arshia-cd-form-grid { grid-template-columns: 1fr; }
    .arshia-cd-table thead { display: none; }
    .arshia-cd-table tbody td {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid #f0edf7;
        padding: 9px 4px;
    }
    .arshia-cd-table tbody tr { border-bottom: 1px solid #eee; }
}

@media (max-width: 480px) {
    .arshia-cd-grid { grid-template-columns: 1fr; }
    .arshia-cd-header { padding: 20px 16px; border-radius: 16px; }
    .arshia-cd-avatar { width: 56px; height: 56px; }
    .arshia-cd-user h2 { font-size: 17px; }
}

/* ─── انیمیشن ─── */
@keyframes arshia-cd-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.arshia-cd-body.is-loading { opacity: .5; pointer-events: none; }

.arshia-cd-body > * {
    animation: arshia-cd-fade-in .3s ease;
}

/* ─── اسپینر ─── */
.arshia-cd-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: arshia-cd-spin .7s linear infinite;
}

.arshia-cd-btn.is-ghost .arshia-cd-spinner,
.arshia-cd-btn.is-danger .arshia-cd-spinner {
    border-color: rgba(53, 32, 112, .25);
    border-top-color: #352070;
}

@keyframes arshia-cd-spin {
    to { transform: rotate(360deg); }
}

/* ════════════════════════════════════════════════
   تب: باشگاه وفاداری (طراحی اختصاصی)
   ════════════════════════════════════════════════ */

/* ─── کاشی ثابت (غیر قابل کلیک) ─── */
.arshia-cd-tile-static {
    cursor: default;
}
.arshia-cd-tile-static:hover {
    transform: none;
    border-color: #e8e5f2;
    box-shadow: 0 12px 28px -20px rgba(53, 32, 112, .35);
}

.arshia-cd-grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

/* ─── هیروی پیشرفت سطح ─── */
.arshia-cd-loyalty-hero {
    position: relative;
    border-radius: 20px;
    padding: 26px 28px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #352070 0%, #241a4d 55%, #1d1535 100%);
    box-shadow: 0 18px 40px -22px rgba(53, 32, 112, .55);
}
.arshia-cd-loyalty-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(420px 240px at 88% -30%, rgba(238, 187, 102, .22), transparent 62%),
        radial-gradient(320px 220px at 5% 120%, rgba(109, 79, 196, .4), transparent 60%);
}

.arshia-cd-loyalty-hero-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.arshia-cd-loyalty-stat strong {
    display: block;
    font-size: 30px;
    font-weight: 800;
    color: #EEBB66;
    line-height: 1.25;
    letter-spacing: -.5px;
    margin: 2px 0 4px;
}
.arshia-cd-loyalty-stat span {
    font-size: 12.5px;
    color: rgba(255, 255, 255, .72);
}
.arshia-cd-loyalty-stat small {
    display: block;
    font-size: 11px;
    color: rgba(255, 255, 255, .55);
}

/* ─── خط مراحل سطح ─── */
.arshia-cd-loyalty-tierline {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.arshia-cd-tierdot {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 20px;
    padding: 5px 14px;
}
.arshia-cd-tierdot.is-passed {
    color: rgba(255, 255, 255, .85);
    border-color: rgba(238, 187, 102, .35);
}
.arshia-cd-tierdot.is-current {
    color: #2b2040;
    background: linear-gradient(135deg, #EEBB66, #d9a23f);
    border-color: transparent;
    box-shadow: 0 6px 16px -6px rgba(238, 187, 102, .8);
}

/* ─── نوار پیشرفت درون هیرو ─── */
.arshia-cd-loyalty-bar-wrap {
    position: relative;
    margin-top: 22px;
}
.arshia-cd-loyalty-bar-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
    font-size: 13px;
    color: rgba(255, 255, 255, .9);
}
.arshia-cd-loyalty-bar-head em {
    font-style: normal;
    font-size: 11.5px;
    color: rgba(255, 255, 255, .55);
    margin-right: 8px;
}
.arshia-cd-loyalty-bar-head strong { color: #EEBB66; font-size: 15px; }

.arshia-cd-loyalty-bar {
    height: 12px;
    background: rgba(255, 255, 255, .14);
    border-radius: 20px;
    overflow: hidden;
}
.arshia-cd-loyalty-bar-fill {
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(90deg, #EEBB66, #f6d39a);
    transition: width .5s ease;
}
.arshia-cd-loyalty-bar-note {
    margin: 9px 0 0;
    font-size: 12px;
    color: rgba(255, 255, 255, .65);
}
.arshia-cd-loyalty-maxed {
    position: relative;
    margin: 20px 0 0;
    font-size: 13.5px;
    font-weight: 700;
    color: #EEBB66;
}

/* ─── مأموریت‌ها ─── */
.arshia-cd-missions {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 14px;
}
.arshia-cd-mission {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 16px 18px;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.arshia-cd-mission:hover { border-color: #d8d2ec; box-shadow: 0 10px 24px -16px rgba(53, 32, 112, .35); }
.arshia-cd-mission.is-claimed { opacity: .72; border-style: dashed; }
.arshia-cd-mission.is-complete { border-color: #f0d98e; background: linear-gradient(160deg, #fffdf6, #fff 70%); }

.arshia-cd-mission-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.arshia-cd-mission-head strong { font-size: 14.5px; color: #1a1a1a; }
.arshia-cd-mission-desc { margin: 8px 0 0; font-size: 12.5px; color: #777; line-height: 1.9; }

.arshia-cd-mission-prog {
    height: 8px;
    background: #f0edf7;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 12px;
}
.arshia-cd-mission-prog-fill {
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(90deg, #352070, #5a3d9e);
    transition: width .4s ease;
}
.arshia-cd-mission.is-complete .arshia-cd-mission-prog-fill {
    background: linear-gradient(90deg, #d9a23f, #EEBB66);
}
.arshia-cd-mission-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.arshia-cd-mission-foot small { color: #888; }

.arshia-cd-pill.is-done { background: #d1fae5; color: #065f46; }

/* ─── نشان‌ها ─── */
.arshia-cd-badges {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
}
.arshia-cd-badge {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 16px 8px;
    text-align: center;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.arshia-cd-badge small {
    display: block;
    margin-top: 8px;
    font-size: 11.5px;
    color: #555;
    line-height: 1.6;
}
.arshia-cd-badge.is-earned { border-color: #f0d98e; background: linear-gradient(160deg, #fffdf6, #fff 70%); }
.arshia-cd-badge.is-earned:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(53, 32, 112, .12); }
.arshia-cd-badge.is-locked { filter: grayscale(1); opacity: .55; }
.arshia-cd-badge img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}
.arshia-cd-badge-ico { font-size: 30px; line-height: 56px; }

/* ─── فروشگاه جایزه ─── */
.arshia-cd-rewards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}
.arshia-cd-reward {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    transition: box-shadow .2s, transform .2s;
}
.arshia-cd-reward:hover { box-shadow: 0 12px 26px -18px rgba(53, 32, 112, .4); transform: translateY(-2px); }
.arshia-cd-reward-img {
    height: 104px;
    border-radius: 12px;
    background: linear-gradient(160deg, #f5f3fa, #faf9fd);
    display: grid;
    place-items: center;
    font-size: 38px;
    overflow: hidden;
}
.arshia-cd-reward-img img { width: 100%; height: 100%; object-fit: cover; }
.arshia-cd-reward strong { font-size: 14px; color: #1a1a1a; }
.arshia-cd-reward-cost { font-size: 16px; font-weight: 800; color: #352070; }
.arshia-cd-stock { color: #b45309; font-size: 11.5px; }
.arshia-cd-reward .arshia-cd-btn { margin-top: auto; width: 100%; }

/* ─── لیدربورد (共用 growth styles via .ag-lb) ─── */
.arshia-cd-table .pos { color: #352070; font-weight: 800; }
.arshia-cd-table .neg { color: #c0392b; font-weight: 800; }
.arshia-cd-table.ag-lb tr.is-me { background: #f0ebfa !important; }
.arshia-cd-table.ag-lb tr.is-me td { font-weight: 700; }

/* ─── پیام AJAX (compat با growth.js) ─── */
.ag-msg {
    position: sticky;
    bottom: 12px;
    margin-top: 18px;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    z-index: 5;
}
.ag-msg.is-ok { background: #059669; color: #fff; }
.ag-msg.is-err { background: #dc2626; color: #fff; }

/* ─── دکمه لینکی لیدربورد ─── */
.ag-linkbtn {
    background: none;
    border: none;
    color: #352070;
    cursor: pointer;
    font-family: inherit;
    font-size: 12.5px;
    text-decoration: underline;
    padding: 0;
}

/* ─── واکنشگرای باشگاه ─── */
@media (max-width: 720px) {
    .arshia-cd-loyalty-hero { padding: 20px 18px; }
    .arshia-cd-loyalty-stat strong { font-size: 25px; }
    .arshia-cd-loyalty-tierline { gap: 6px; }
    .arshia-cd-tierdot { padding: 4px 11px; font-size: 11px; }
    .arshia-cd-missions,
    .arshia-cd-rewards { grid-template-columns: 1fr; }
    .arshia-cd-badges { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); }
}

@media (max-width: 480px) {
    .arshia-cd-grid-3 { grid-template-columns: 1fr; }
    .arshia-cd-loyalty-hero-top { align-items: flex-start; flex-direction: column; }
}