/* =====================================================================
 *  Steel Customer Panel — استایل کامل پنل کاربری
 *  نسخه: 2.3.0 (تمیز و بهینه)
 * =================================================================== */

/* =====================================================================
 *  متغیرهای رنگی
 * =================================================================== */
:root {
    --scp-primary: #1f3a5f;
    --scp-primary-hover: #16283f;
    --scp-success: #1f9d55;
    --scp-success-bg: #e5f6ed;
    --scp-warning: #c98a00;
    --scp-warning-bg: #fdf5e3;
    --scp-danger: #b23b3b;
    --scp-danger-bg: #fbe9e9;
    --scp-text: #1c2430;
    --scp-muted: #6b7280;
    --scp-border: #e5e7eb;
    --scp-bg: #f7f8fa;
    --scp-radius: 14px;
    --scp-shadow: 0 6px 18px rgba(15,23,42,.06);
    --scp-shadow-hover: 0 12px 28px rgba(15,23,42,.10);
}

/* =====================================================================
 *  1) چیدمان اصلی پنل کاربری (سایدبار + محتوا)
 * =================================================================== */

/* مخفی کردن nav پیش‌فرض ووکامرس */
.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

/* محتوای ووکامرس تمام عرض بشه */
html body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* ظرف اصلی چیدمان */
.scp-account-layout {
    width: 100%;
    max-width: 100%;
    direction: rtl;
    display: block;
    box-sizing: border-box;
}

.scp-account-sidebar,
.scp-account-content {
    display: block;
    box-sizing: border-box;
}

.scp-account-content {
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* برداشتن محدودیت scp-wrap داخل پنل */
.scp-account-content .scp-wrap,
.scp-account-layout .scp-wrap {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 4px !important;
}

/* ---------- دسکتاپ: دو ستونی با Flexbox ---------- */
@media (min-width: 900px) {
    .scp-account-layout {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .scp-account-sidebar {
        flex: 0 0 280px !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        float: none !important;
        margin: 0 !important;
        position: sticky !important;
        top: 24px !important;
        align-self: flex-start !important;
    }

    .scp-account-content {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 304px) !important;
        float: none !important;
        margin: 0 !important;
    }

    /* برداشتن max-width والدهای قالب در پنل */
    body.woocommerce-account .site-content,
    body.woocommerce-account .site-main,
    body.woocommerce-account .content-area,
    body.woocommerce-account .entry-content,
    body.woocommerce-account .woocommerce,
    body.woocommerce-account main,
    body.woocommerce-account .container,
    body.woocommerce-account .wrapper {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ---------- موبایل: تک ستونه ---------- */
@media (max-width: 899px) {
    .scp-account-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        float: none !important;
        position: static !important;
    }
    .scp-account-content {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* =====================================================================
 *  2) برگه لیست قیمت + سایدبار
 * =================================================================== */

.scp-prices-with-sidebar {
    max-width: 1400px;
    margin: 24px auto;
    padding: 0 20px;
    box-sizing: border-box;
    direction: rtl;
}

/* برداشتن محدودیت scp-wrap داخل برگه */
.scp-prices-with-sidebar .scp-account-content .scp-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* جدول لیست قیمت پهن بشه */
.scp-prices-with-sidebar .scp-account-content table {
    width: 100% !important;
    max-width: 100% !important;
}

@media (min-width: 900px) {
    .scp-prices-with-sidebar {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 24px !important;
    }

    .scp-prices-with-sidebar .scp-account-sidebar {
        flex: 0 0 280px !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        float: none !important;
        order: 1 !important;
        position: sticky !important;
        top: 24px !important;
        align-self: flex-start !important;
        margin: 0 !important;
    }

    .scp-prices-with-sidebar .scp-account-content {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 304px) !important;
        float: none !important;
        order: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
    }

    /* برداشتن max-width والدهای قالب در برگه لیست قیمت */
    body.page .entry-content,
    body.page .site-content,
    body.page .site-main,
    body.page main {
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 899px) {
    .scp-prices-with-sidebar {
        padding: 0 12px;
        margin: 12px auto;
    }
    .scp-prices-with-sidebar .scp-account-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        position: static !important;
    }
    .scp-prices-with-sidebar .scp-account-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* =====================================================================
 *  3) استایل پایه پنل
 * =================================================================== */
.scp-wrap {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 4px;
    box-sizing: border-box;
}

.scp-page-title {
    font-size: 22px;
    color: var(--scp-primary);
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--scp-border);
}

.scp-page-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--scp-border);
    flex-wrap: wrap;
    gap: 10px;
}
.scp-page-head .scp-page-title { margin: 0; border: none; padding: 0; }
.scp-muted { color: var(--scp-muted); font-size: 12.5px; }

/* =====================================================================
 *  4) سایدبار مدرن
 * =================================================================== */
.scp-sidebar {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(15,23,42,.06);
    overflow: hidden;
    direction: rtl;
    font-family: Tahoma, 'Iranian Sans', sans-serif;
    width: 100%;
    box-sizing: border-box;
}

.scp-sidebar__user {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%);
    color: #fff;
}
.scp-sidebar__avatar img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 3px solid rgba(255,255,255,.3) !important;
    display: block !important;
    margin: 0 !important;
}
.scp-sidebar__user-info { flex: 1; min-width: 0; }
.scp-sidebar__name {
    font-size: 14.5px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    line-height: 1.3;
}
.scp-sidebar__tier {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.2);
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
    color: #fff;
}
.scp-sidebar__tier-icon { font-size: 13px; }

.scp-sidebar__menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    display: block !important;
}
.scp-sidebar__menu li {
    margin: 2px 8px !important;
    list-style: none !important;
    padding: 0 !important;
}
.scp-sidebar__menu li::before,
.scp-sidebar__menu li::marker,
.scp-sidebar__menu li::after {
    content: none !important;
    display: none !important;
}
.scp-sidebar__link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    color: #1c2430 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    transition: all .18s ease !important;
    background: transparent;
    box-shadow: none !important;
    border: none !important;
    line-height: 1.4 !important;
    min-height: 44px;
    box-sizing: border-box;
}
.scp-sidebar__link:hover {
    background: #f0f6ff !important;
    color: #1f3a5f !important;
    transform: translateX(-2px);
}
.scp-sidebar__link:hover .scp-sidebar__icon { color: #1f3a5f; }

.scp-sidebar__item.is-active .scp-sidebar__link {
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 18px rgba(31,58,95,.32) !important;
    position: relative;
    padding-right: 20px !important;
}
.scp-sidebar__item.is-active .scp-sidebar__link::before {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 22px;
    background: #4ade80;
    border-radius: 4px;
}
.scp-sidebar__item.is-active .scp-sidebar__link .scp-sidebar__icon { color: #fff; }

.scp-sidebar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #6b7280;
    flex-shrink: 0;
    transition: color .18s;
}
.scp-sidebar__icon svg { width: 20px; height: 20px; display: block; }

.scp-sidebar__label {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.scp-sidebar__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    background: #dc2626;
    color: #fff;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 800;
    flex-shrink: 0;
    line-height: 1;
    box-sizing: border-box;
}
.scp-sidebar__item.is-active .scp-sidebar__badge {
    background: #fff;
    color: #1f3a5f;
}

.scp-sidebar__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #e5f6ed;
    color: #1f9d55;
    border-radius: 50%;
    flex-shrink: 0;
}
.scp-sidebar__item.is-active .scp-sidebar__check {
    background: rgba(255,255,255,.25);
    color: #fff;
}

.scp-sidebar__footer {
    padding: 8px;
    border-top: 1px solid #f1f3f7;
    margin-top: 4px;
}
.scp-sidebar__logout {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    color: #b23b3b !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    transition: all .18s !important;
    min-height: 44px;
    box-sizing: border-box;
}
.scp-sidebar__logout:hover {
    background: #fbe9e9 !important;
    color: #b23b3b !important;
}
.scp-sidebar__logout .scp-sidebar__icon { color: #b23b3b; }

/* =====================================================================
 *  5) داشبورد
 * =================================================================== */
.scp-welcome {
    display: flex;
    align-items: center;
    gap: 20px;
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%);
    color: #fff;
    padding: 24px 28px;
    border-radius: var(--scp-radius);
    box-shadow: var(--scp-shadow);
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.scp-welcome__avatar img { border-radius: 50%; border: 3px solid rgba(255,255,255,.3); display: block; }
.scp-welcome__body { flex: 1; min-width: 200px; }
.scp-welcome__body h2 { margin: 0 0 6px; color: #fff; font-size: 20px; }
.scp-welcome__body p { margin: 0; opacity: .85; font-size: 13.5px; }

.scp-tier {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.12);
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.2);
}
.scp-tier__icon { font-size: 28px; }
.scp-tier__label { font-size: 11px; opacity: .8; }
.scp-tier__name { font-size: 14px; font-weight: 700; }

.scp-tier-progress {
    background: #fff;
    border: 1px solid var(--scp-border);
    border-radius: var(--scp-radius);
    padding: 16px 20px;
    box-shadow: var(--scp-shadow);
    margin-bottom: 20px;
}
.scp-tier-progress__head {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--scp-text);
    margin-bottom: 10px;
}
.scp-tier-progress__bar {
    height: 10px;
    background: var(--scp-border);
    border-radius: 10px;
    overflow: hidden;
}
.scp-tier-progress__bar > div {
    height: 100%;
    background: linear-gradient(90deg, var(--scp-primary), var(--scp-success));
    border-radius: 10px;
    transition: width .5s ease;
}
.scp-tier-progress__hint { font-size: 12.5px; color: var(--scp-muted); margin-top: 8px; }

/* =====================================================================
 *  6) آمار
 * =================================================================== */
.scp-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.scp-stat {
    background: #fff;
    border: 1px solid var(--scp-border);
    border-radius: var(--scp-radius);
    padding: 18px;
    box-shadow: var(--scp-shadow);
    display: flex;
    align-items: center;
    gap: 14px;
    transition: transform .2s, box-shadow .2s;
    min-width: 0;
    box-sizing: border-box;
}
.scp-stat:hover { transform: translateY(-2px); box-shadow: var(--scp-shadow-hover); }
.scp-stat__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 22px;
    flex-shrink: 0;
}
.scp-stat__body { min-width: 0; flex: 1; }
.scp-stat__value {
    font-size: 16px;
    font-weight: 700;
    color: var(--scp-text);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scp-stat__label {
    font-size: 12px;
    color: var(--scp-muted);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scp-stats--tickets { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.scp-stats--tickets .scp-stat { padding: 14px; gap: 12px; }
.scp-stats--tickets .scp-stat__icon { width: 42px; height: 42px; font-size: 20px; }
.scp-stats--tickets .scp-stat__value { font-size: 15px; }
.scp-stats--tickets .scp-stat__label { font-size: 11.5px; }

/* =====================================================================
 *  7) Alert ها
 * =================================================================== */
.scp-alert {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 16px 20px;
    border-radius: var(--scp-radius);
    border: 2px solid;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.scp-alert--warning { background: var(--scp-warning-bg); border-color: var(--scp-warning); }
.scp-alert--danger  { background: var(--scp-danger-bg);  border-color: var(--scp-danger); }
.scp-alert--success { background: var(--scp-success-bg); border-color: var(--scp-success); }
.scp-alert__icon { font-size: 32px; flex-shrink: 0; }
.scp-alert__body { flex: 1; min-width: 180px; }
.scp-alert__body strong { display: block; margin-bottom: 4px; font-size: 14px; }
.scp-alert__body p { margin: 0; font-size: 13px; color: var(--scp-muted); }

/* =====================================================================
 *  8) پنل‌ها
 * =================================================================== */
.scp-grid-2 { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 20px; }

.scp-panel {
    background: #fff;
    border: 1px solid var(--scp-border);
    border-radius: var(--scp-radius);
    padding: 20px;
    box-shadow: var(--scp-shadow);
    margin-bottom: 20px;
}
.scp-panel__title {
    font-size: 15px;
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--scp-border);
    color: var(--scp-primary);
}

.scp-active-order { padding: 4px 0; }
.scp-active-order__head {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--scp-muted);
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}
.scp-order-num { font-weight: 700; color: var(--scp-primary); font-size: 15px; }
.scp-active-order__step { font-size: 13.5px; color: var(--scp-text); margin-bottom: 8px; }
.scp-progress { height: 8px; background: var(--scp-border); border-radius: 8px; overflow: hidden; margin-bottom: 12px; }
.scp-progress > div { height: 100%; background: linear-gradient(90deg, var(--scp-primary), var(--scp-success)); transition: width .4s ease; }
.scp-active-order__total { font-size: 16px; font-weight: 700; color: var(--scp-primary); margin-bottom: 14px; }
.scp-active-order__actions { display: flex; gap: 8px; flex-wrap: wrap; }

.scp-empty { text-align: center; padding: 24px 12px; color: var(--scp-muted); }
.scp-empty p { margin: 12px 0 16px; }

/* =====================================================================
 *  9) دسترسی سریع
 * =================================================================== */
.scp-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.scp-quick__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 8px;
    border-radius: 12px;
    text-decoration: none;
    color: var(--scp-text);
    font-size: 12.5px;
    font-weight: 600;
    transition: background .2s, transform .15s;
    border: 1px solid transparent;
}
.scp-quick__item:hover { background: var(--scp-bg); transform: translateY(-2px); border-color: var(--scp-border); }
.scp-quick__icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 20px; }

/* =====================================================================
 *  10) اعلان‌ها
 * =================================================================== */
.scp-notifs { display: grid; gap: 10px; }
.scp-notif {
    display: flex;
    gap: 12px;
    padding: 12px 14px;
    background: var(--scp-bg);
    border-radius: 12px;
    border: 1px solid var(--scp-border);
    align-items: flex-start;
    transition: background .2s;
}
.scp-notif--unread { background: #eef4fb; border-color: #d6e4f3; }
.scp-notif--lg { padding: 16px 18px; }
.scp-notif__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--scp-muted);
    margin-top: 8px;
    flex-shrink: 0;
}
.scp-notif--unread .scp-notif__dot {
    background: var(--scp-primary);
    box-shadow: 0 0 0 4px rgba(31,58,95,.15);
    animation: scpPulse 2s infinite;
}
.scp-notif__body { flex: 1; min-width: 0; }
.scp-notif__msg { font-size: 13.5px; color: var(--scp-text); line-height: 1.6; }
.scp-notif__time { font-size: 11.5px; color: var(--scp-muted); margin-top: 4px; }

@keyframes scpPulse {
    0%   { box-shadow: 0 0 0 0 rgba(31,58,95,.4); }
    70%  { box-shadow: 0 0 0 8px rgba(31,58,95,0); }
    100% { box-shadow: 0 0 0 0 rgba(31,58,95,0); }
}

.scp-badge {
    display: inline-block;
    background: #e5f6ed;
    color: #1f9d55;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    margin-right: 4px;
}

/* =====================================================================
 *  11) آدرس‌ها و کیف پول
 * =================================================================== */
.scp-addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.scp-address {
    background: #fff;
    border: 1px solid var(--scp-border);
    border-radius: var(--scp-radius);
    padding: 18px;
    box-shadow: var(--scp-shadow);
}
.scp-address h3 {
    font-size: 14px;
    color: var(--scp-primary);
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--scp-border);
}
.scp-address__body { font-size: 13px; line-height: 1.9; color: var(--scp-text); margin-bottom: 12px; }

.scp-wallet { margin-bottom: 20px; }
.scp-wallet__card {
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%);
    color: #fff;
    border-radius: var(--scp-radius);
    padding: 28px 32px;
    box-shadow: var(--scp-shadow);
}
.scp-wallet__label { font-size: 12.5px; opacity: .8; margin-bottom: 6px; }
.scp-wallet__balance { font-size: 32px; font-weight: 800; direction: ltr; text-align: right; }

.scp-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.scp-table th {
    text-align: right;
    padding: 10px 8px;
    background: var(--scp-bg);
    border-bottom: 1px solid var(--scp-border);
    font-weight: 700;
    color: var(--scp-primary);
}
.scp-table td { padding: 10px 8px; border-bottom: 1px solid var(--scp-border); }
.scp-pos { color: var(--scp-success); font-weight: 600; }
.scp-neg { color: var(--scp-danger); font-weight: 600; }

/* =====================================================================
 *  12) KYC
 * =================================================================== */
.scp-kyc-wrap { display: grid; gap: 20px; }
.scp-kyc-status {
    display: flex;
    gap: 16px;
    padding: 20px;
    border-radius: var(--scp-radius);
    border: 2px solid;
    align-items: flex-start;
}
.scp-kyc-status--success { background: var(--scp-success-bg); border-color: var(--scp-success); }
.scp-kyc-status--warning { background: var(--scp-warning-bg); border-color: var(--scp-warning); }
.scp-kyc-status--danger  { background: var(--scp-danger-bg);  border-color: var(--scp-danger); }
.scp-kyc-status__icon { font-size: 36px; flex-shrink: 0; }
.scp-kyc-status__body { flex: 1; min-width: 0; }
.scp-kyc-status__body h3 { margin: 0 0 8px; font-size: 16px; color: var(--scp-text); }
.scp-kyc-status__body p { margin: 0 0 6px; font-size: 13.5px; color: var(--scp-text); }

.scp-kyc-reason {
    background: rgba(255,255,255,.6);
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    margin-top: 10px;
    color: var(--scp-danger);
}

.scp-kyc-progress { position: relative; height: 24px; background: var(--scp-border); border-radius: 12px; overflow: hidden; }
.scp-kyc-progress__bar { height: 100%; background: linear-gradient(90deg, var(--scp-primary), var(--scp-success)); transition: width .5s ease; }
.scp-kyc-progress__label {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.scp-kyc-uploads { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin: 20px 0; }
.scp-kyc-upload input[type="file"] { display: none; }
.scp-kyc-drop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 140px;
    border: 2px dashed var(--scp-border);
    border-radius: 12px;
    background: var(--scp-bg);
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.scp-kyc-drop:hover { border-color: var(--scp-primary); background: #eef4fb; }
.scp-kyc-drop__icon { font-size: 30px; }
.scp-kyc-drop__label { font-size: 12px; color: var(--scp-muted); font-weight: 600; }
.scp-kyc-drop img { width: 100%; height: 80px; object-fit: cover; border-radius: 8px; }

.scp-kyc-files-preview { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 12px; }
.scp-kyc-file-preview {
    display: grid;
    place-items: center;
    height: 120px;
    border: 1px solid var(--scp-border);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: transform .2s;
}
.scp-kyc-file-preview:hover { transform: translateY(-2px); }
.scp-kyc-file-preview img { width: 100%; height: 100%; object-fit: cover; }

/* =====================================================================
 *  13) فرم‌ها
 * =================================================================== */
.scp-form .scp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.scp-form label { display: block; font-size: 13px; }
.scp-form label > span { display: block; margin-bottom: 6px; font-weight: 600; color: var(--scp-primary); }
.scp-form input,
.scp-form textarea,
.scp-form select {
    width: 100%;
    border: 1px solid var(--scp-border);
    border-radius: 10px;
    padding: 11px 14px;
    font-family: inherit;
    background: #fff;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .2s;
}
.scp-form input:focus,
.scp-form textarea:focus,
.scp-form select:focus {
    outline: 2px solid rgba(31,58,95,.12);
    border-color: var(--scp-primary);
}
.scp-grid__full { grid-column: 1 / -1; }

.scp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 11px 20px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--scp-border);
    color: var(--scp-text);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all .2s;
    cursor: pointer;
    font-family: inherit;
}
.scp-btn:hover { transform: translateY(-1px); box-shadow: var(--scp-shadow); }
.scp-btn--primary {
    background: var(--scp-primary);
    border-color: var(--scp-primary);
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
.scp-btn--primary:hover { background: var(--scp-primary-hover); }
.scp-btn--ghost { background: transparent; }
.scp-btn--sm { padding: 8px 14px; font-size: 13px; }
.scp-btn--lg { padding: 15px 30px; font-size: 15px; }
.scp-submit-row { margin: 20px 0; }

/* =====================================================================
 *  14) تیکت‌ها
 * =================================================================== */
.scp-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    background: #eef2f7;
    color: #334155;
    text-decoration: none;
    line-height: 1.6;
    white-space: nowrap;
}
.scp-tag--success { background: var(--scp-success-bg); color: var(--scp-success); }
.scp-tag--warning { background: var(--scp-warning-bg); color: var(--scp-warning); }
.scp-tag--danger  { background: var(--scp-danger-bg);  color: var(--scp-danger); }
.scp-tag--info    { background: #dbeafe; color: #1d4ed8; }

.scp-ticket-list { display: grid; gap: 14px; }
.scp-ticket-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #fff;
    border: 2px solid var(--scp-border);
    border-radius: var(--scp-radius);
    text-decoration: none;
    color: var(--scp-text);
    transition: all .2s;
}
.scp-ticket-item:hover {
    border-color: var(--scp-primary);
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: var(--scp-shadow);
}
.scp-ticket-item--open     { border-right: 5px solid var(--scp-warning); }
.scp-ticket-item--answered { border-right: 5px solid var(--scp-success); }
.scp-ticket-item--closed   { border-right: 5px solid #94a3b8; }

.scp-ticket-item__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 22px;
    flex-shrink: 0;
}
.scp-ticket-item--open .scp-ticket-item__icon     { background: var(--scp-warning-bg); color: var(--scp-warning); }
.scp-ticket-item--answered .scp-ticket-item__icon { background: var(--scp-success-bg); color: var(--scp-success); }
.scp-ticket-item--closed .scp-ticket-item__icon   { background: #f1f5f9; color: #64748b; }

.scp-ticket-item__body { flex: 1; min-width: 0; }
.scp-ticket-item__title {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--scp-primary);
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.scp-ticket-item__id {
    font-family: ui-monospace, monospace;
    font-size: 11.5px;
    background: #eef2f7;
    color: #475569;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 700;
}
.scp-ticket-item__meta { display: flex; flex-wrap: wrap; gap: 10px 16px; font-size: 12px; color: var(--scp-muted); }

.scp-conversation { display: flex; flex-direction: column; gap: 14px; }
.scp-conv-item {
    padding: 16px 18px;
    border-radius: 12px;
    border: 2px solid var(--scp-border);
    background: #fff;
}
.scp-conv-item--admin { border-color: #cfe9d8; background: #f6fbf7; }
.scp-conv-item--customer { border-color: #d6e4f3; background: #f4f8fc; }
.scp-conv-item__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    gap: 10px;
    flex-wrap: wrap;
}
.scp-conv-item__author {
    font-size: 13px;
    font-weight: 700;
    color: var(--scp-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}
.scp-conv-item__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 700;
}
.scp-conv-item__badge--admin    { background: #d1fae5; color: #047857; }
.scp-conv-item__badge--customer { background: #dbeafe; color: #1d4ed8; }
.scp-conv-item__time { font-size: 11.5px; color: var(--scp-muted); }
.scp-conv-item__body { font-size: 13.5px; line-height: 1.9; color: var(--scp-text); word-break: break-word; }

.scp-reply-form textarea {
    width: 100%;
    border: 1px solid var(--scp-border);
    border-radius: 10px;
    padding: 12px 14px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.8;
    resize: vertical;
    min-height: 120px;
    background: #fff;
    box-sizing: border-box;
    transition: all .2s;
}
.scp-reply-form textarea:focus { outline: 2px solid rgba(31,58,95,.12); border-color: var(--scp-primary); }

.scp-empty-state { text-align: center; padding: 40px 20px; }
.scp-empty-state__icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: var(--scp-bg);
    display: grid;
    place-items: center;
    font-size: 36px;
    border: 2px dashed var(--scp-border);
}
.scp-empty-state__title { font-size: 15px; font-weight: 700; color: var(--scp-primary); margin: 0 0 6px; }
.scp-empty-state__desc { font-size: 12.5px; color: var(--scp-muted); margin: 0; line-height: 1.7; }

/* =====================================================================
 *  15) ادمین KYC
 * =================================================================== */
.scp-kyc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 16px;
    margin-top: 16px;
}
.scp-kyc-card {
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 10px;
    padding: 16px;
}
.scp-kyc-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f1;
    margin-bottom: 12px;
}
.scp-kyc-head img { border-radius: 50%; }
.scp-kyc-name { font-weight: 700; font-size: 15px; color: #1d2327; }
.scp-kyc-email { font-size: 12px; color: #646970; }
.scp-kyc-body { font-size: 13px; }
.scp-kyc-row { font-size: 13px; padding: 4px 0; color: #2c3338; }
.scp-kyc-row span { color: #646970; }
.scp-kyc-files { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.scp-kyc-file {
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid #dcdcde;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    line-height: 60px;
}
.scp-kyc-file img { width: 100%; height: 100%; object-fit: cover; display: block; }
.scp-kyc-actions { display: flex; gap: 8px; margin-top: 12px; }
.scp-kyc-verified {
    text-align: center;
    padding: 8px;
    background: #edfaef;
    border-radius: 6px;
    color: #1f9d55;
    font-weight: 600;
    font-size: 13px;
}
.scp-kyc-rejected {
    padding: 8px;
    background: #fbe9e9;
    border-radius: 6px;
    color: #b23b3b;
    font-size: 13px;
}

/* =====================================================================
 *  16) سفارش‌ها
 * =================================================================== */
.scp-orders { display: grid; gap: 16px; }
.scp-order {
    background: #fff;
    border: 2px solid var(--scp-border);
    border-radius: var(--scp-radius);
    overflow: hidden;
    box-shadow: var(--scp-shadow);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.scp-order:hover {
    transform: translateY(-2px);
    box-shadow: var(--scp-shadow-hover);
    border-color: #cbd5e1;
}

.scp-order__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef4fb 100%);
    border-bottom: 1px solid var(--scp-border);
    gap: 12px;
    flex-wrap: wrap;
}
.scp-order__num { display: flex; align-items: center; gap: 8px; }
.scp-order__num-label { font-size: 12px; color: var(--scp-muted); font-weight: 600; }
.scp-order__num-value { font-family: ui-monospace, monospace; font-size: 15px; font-weight: 800; color: var(--scp-primary); }

.scp-order__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
}
.scp-order__status--success { background: var(--scp-success-bg); color: var(--scp-success); }
.scp-order__status--warning { background: var(--scp-warning-bg); color: var(--scp-warning); }
.scp-order__status--danger  { background: var(--scp-danger-bg);  color: var(--scp-danger); }
.scp-order__status--info    { background: #dbeafe; color: #1d4ed8; }

.scp-order__body { padding: 18px 20px; }
.scp-order__meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.scp-order__meta-item { display: flex; align-items: center; gap: 10px; }
.scp-order__meta-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f1f5f9;
    display: grid;
    place-items: center;
    font-size: 18px;
    flex-shrink: 0;
}
.scp-order__meta-item--total .scp-order__meta-icon { background: var(--scp-success-bg); }
.scp-order__meta-label { display: block; font-size: 11.5px; color: var(--scp-muted); margin-bottom: 3px; }
.scp-order__meta-value { display: block; font-size: 14px; font-weight: 700; color: var(--scp-text); }
.scp-order__meta-item--total .scp-order__meta-value { color: var(--scp-success); font-size: 15px; }

.scp-order__actions {
    display: flex;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid var(--scp-border);
    background: #fafbfc;
    flex-wrap: wrap;
    align-items: center;
}

.scp-btn--pay {
    background: linear-gradient(135deg, #1f9d55 0%, #16803f 100%);
    border-color: transparent;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 700;
}
.scp-btn--pay:hover { box-shadow: 0 6px 18px rgba(31,157,85,.35); }

.scp-orders-pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 24px;
    padding: 16px 0;
}
.scp-orders-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--scp-border);
    color: var(--scp-text);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition: all .2s;
}
.scp-orders-pagination .page-numbers:hover { background: #eef4fb; border-color: var(--scp-primary); transform: translateY(-1px); }
.scp-orders-pagination .page-numbers.current { background: var(--scp-primary); border-color: var(--scp-primary); color: #fff; font-weight: 800; }

/* =====================================================================
 *  17) شمارش معکوس
 * =================================================================== */
.scp-countdown {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #78350f;
    font-family: Tahoma, sans-serif;
    font-weight: 800;
    font-size: 14px;
    border: 1px solid #f59e0b;
    white-space: nowrap;
    direction: ltr;
    letter-spacing: 1px;
    box-shadow: 0 2px 8px rgba(245,158,11,.20);
}
.scp-countdown__icon { font-size: 15px; }
.scp-countdown__time {
    font-variant-numeric: tabular-nums;
    min-width: 72px;
    text-align: center;
}
.scp-countdown--danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #991b1b;
    border-color: #dc2626;
    animation: scpCountdownPulse 1.2s infinite;
}
.scp-countdown--expired {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #991b1b;
    border-color: #dc2626;
    direction: rtl;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 12.5px;
}
@keyframes scpCountdownPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220,38,38,.35); }
    50% { box-shadow: 0 0 0 6px rgba(220,38,38,0); }
}

/* =====================================================================
 *  18) ردیابی زنده
 * =================================================================== */
.scp-track-live {
    background: linear-gradient(135deg, #e5f6ed 0%, #d4f0dd 100%) !important;
    color: #1f7a44 !important;
    border-color: #1f9d55 !important;
    font-weight: 700 !important;
}
.scp-track-live:hover {
    background: linear-gradient(135deg, #d4f0dd 0%, #b8e6c6 100%) !important;
    color: #155e34 !important;
}

.sow-driver-marker-wrap { background: transparent !important; border: none !important; }
.sow-driver-marker {
    position: relative;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sow-driver-marker__pulse {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(31, 157, 85, 0.35);
    animation: sowDriverPulse 1.8s ease-out infinite;
}
.sow-driver-marker__pin {
    position: relative;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1f9d55 0%, #16a34a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(31,157,85,.5), 0 0 0 3px #fff;
    border: 2px solid #fff;
}
@keyframes sowDriverPulse {
    0%   { transform: scale(0.8); opacity: 0.9; }
    100% { transform: scale(2.2); opacity: 0; }
}

.leaflet-popup-content-wrapper {
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.2) !important;
}
.leaflet-popup-content {
    font-family: Tahoma, sans-serif !important;
    font-size: 13px !important;
    margin: 10px 14px !important;
    color: #1c2430 !important;
    direction: rtl !important;
}

/* =====================================================================
 *  19) چت زنده
 * =================================================================== */
.scp-chat-widget {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 99998;
    font-family: Tahoma, 'Iranian Sans', sans-serif;
    direction: rtl;
}
.scp-chat-toggle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(31,58,95,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    transition: transform .2s, box-shadow .2s;
    position: relative;
}
.scp-chat-toggle:hover {
    transform: scale(1.08);
    box-shadow: 0 12px 32px rgba(31,58,95,.45);
}
.scp-chat-toggle__icon { display: block; line-height: 1; }
.scp-chat-toggle__badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    background: #dc2626;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(220,38,38,.4);
    animation: scpChatBadgePulse 2s infinite;
}
@keyframes scpChatBadgePulse {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

.scp-chat-panel {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 360px;
    max-width: calc(100vw - 48px);
    height: 520px;
    max-height: calc(100vh - 120px);
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(15,23,42,.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: scpChatSlideUp .25s ease;
}
@keyframes scpChatSlideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.scp-chat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%);
    color: #fff;
    flex-shrink: 0;
}
.scp-chat-header__info { display: flex; align-items: center; gap: 10px; }
.scp-chat-header__icon { font-size: 22px; }
.scp-chat-header__info strong { display: block; font-size: 14px; }
.scp-chat-header__info small { display: block; font-size: 11.5px; opacity: .85; margin-top: 2px; }
.scp-chat-header__close {
    background: rgba(255,255,255,.15);
    border: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}
.scp-chat-header__close:hover { background: rgba(255,255,255,.28); }

.scp-chat-body {
    flex: 1;
    overflow-y: auto;
    padding: 14px 16px;
    background: #f8fafc;
}
.scp-chat-messages { display: flex; flex-direction: column; gap: 10px; }

.scp-chat-msg {
    max-width: 82%;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.7;
    word-break: break-word;
    animation: scpChatMsgIn .2s ease;
}
@keyframes scpChatMsgIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
.scp-chat-msg--system {
    align-self: center;
    background: #e6efff;
    color: #1f3a5f;
    border-radius: 12px;
    font-size: 12.5px;
    text-align: center;
    padding: 8px 14px;
    max-width: 90%;
    border: 1px solid #d6e4f3;
}
.scp-chat-msg--customer {
    align-self: flex-end;
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%);
    color: #fff;
    border-bottom-left-radius: 4px;
    box-shadow: 0 3px 10px rgba(31,58,95,.18);
}
.scp-chat-msg--admin {
    align-self: flex-start;
    background: #fff;
    color: #1c2430;
    border: 1px solid var(--scp-border);
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 6px rgba(15,23,42,.05);
}
.scp-chat-msg__meta {
    display: block;
    font-size: 10.5px;
    opacity: .65;
    margin-top: 4px;
}

.scp-chat-form {
    display: flex;
    gap: 8px;
    padding: 10px 14px;
    background: #fff;
    border-top: 1px solid var(--scp-border);
    align-items: flex-end;
    flex-shrink: 0;
}
.scp-chat-form textarea {
    flex: 1;
    border: 1px solid var(--scp-border);
    border-radius: 12px;
    padding: 10px 14px;
    font-family: inherit;
    font-size: 13.5px;
    line-height: 1.7;
    resize: none;
    min-height: 42px;
    max-height: 120px;
    box-sizing: border-box;
    transition: border-color .2s;
    background: #f8fafc;
}
.scp-chat-form textarea:focus {
    outline: none;
    border-color: var(--scp-primary);
    background: #fff;
}
.scp-chat-form button[type="submit"] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg, #1f3a5f 0%, #2b4a75 100%);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s, box-shadow .2s;
    flex-shrink: 0;
}
.scp-chat-form button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(31,58,95,.28);
}
.scp-chat-form button[type="submit"]:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}

.scp-chat-login-required {
    padding: 20px;
    text-align: center;
    background: #fff;
    border-top: 1px solid var(--scp-border);
    flex-shrink: 0;
}
.scp-chat-login-required p {
    margin: 0 0 12px;
    font-size: 13px;
    color: var(--scp-muted);
}

.scp-chat-embed {
    height: 500px;
    width: 100%;
    border: 1px solid var(--scp-border);
    border-radius: 14px;
    background: #f8fafc;
}

/* =====================================================================
 *  20) مخفی‌کردن سایدبار در پیشخوان
 * =================================================================== */
.scp-hide-sidebar .woocommerce-MyAccount-navigation { display: none !important; }
.scp-hide-sidebar .woocommerce-MyAccount-content { width: 100% !important; max-width: 100% !important; float: none !important; }

/* =====================================================================
 *  Responsive
 * =================================================================== */

/* ---------- تبلت: زیر ۹۰۰px ---------- */
@media (max-width: 900px) {
    .scp-grid-2 { grid-template-columns: 1fr; }
    .scp-addresses { grid-template-columns: 1fr; }

    /* سایدبار به حالت موبایل */
    .scp-sidebar__menu {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
        padding: 6px !important;
    }
    .scp-sidebar__menu li { margin: 0 !important; }
    .scp-sidebar__link {
        padding: 10px 12px !important;
        gap: 8px !important;
        min-height: 40px;
    }
    .scp-sidebar__label {
        font-size: 12.5px;
        white-space: normal;
        text-align: right;
        line-height: 1.3;
    }
    .scp-sidebar__icon svg { width: 18px; height: 18px; }
}

/* ---------- موبایل: زیر ۷۲۰px ---------- */
@media (max-width: 720px) {
    .scp-wrap { padding: 0; }
    .scp-form .scp-grid { grid-template-columns: 1fr; }
    .scp-welcome { flex-direction: column; text-align: center; padding: 20px 16px; }
    .scp-tier { width: 100%; justify-content: center; }

    .scp-page-title { font-size: 18px; margin-bottom: 14px; padding-bottom: 10px; }

    .scp-quick { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .scp-quick__item { padding: 10px 4px; font-size: 11.5px; gap: 6px; }
    .scp-quick__icon { width: 38px; height: 38px; font-size: 17px; border-radius: 10px; }

    .scp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .scp-stat { padding: 12px 10px; gap: 10px; }
    .scp-stat__icon { width: 40px; height: 40px; font-size: 18px; }
    .scp-stat__value { font-size: 14px; }
    .scp-stat__label { font-size: 11px; }

    .scp-stats--tickets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .scp-stats--tickets .scp-stat { flex-direction: column; text-align: center; gap: 8px; padding: 14px 8px; }
    .scp-stats--tickets .scp-stat__icon { width: 40px; height: 40px; font-size: 18px; }
    .scp-stats--tickets .scp-stat__body { width: 100%; }
    .scp-stats--tickets .scp-stat__value { font-size: 16px; white-space: normal; }
    .scp-stats--tickets .scp-stat__label { font-size: 11.5px; white-space: normal; }

    .scp-panel { padding: 14px; border-radius: 12px; }
    .scp-panel__title { font-size: 14px; margin-bottom: 12px; padding-bottom: 10px; }

    .scp-wallet__balance { font-size: 24px; }
    .scp-wallet__card { padding: 22px; }

    .scp-kyc-status { flex-direction: column; padding: 16px; }
    .scp-kyc-status__icon { font-size: 30px; }

    .scp-ticket-item { padding: 12px 14px; gap: 12px; }
    .scp-ticket-item__icon { width: 40px; height: 40px; font-size: 18px; }
    .scp-ticket-item__title { font-size: 13.5px; }
    .scp-conv-item { padding: 12px 14px; }

    .scp-active-order__actions { flex-direction: column; }
    .scp-active-order__actions .scp-btn { width: 100%; }

    .scp-page-head { flex-direction: column; align-items: flex-start; }
    .scp-page-head > div { width: 100%; }

    .scp-order__header { padding: 12px 14px; }
    .scp-order__body { padding: 14px; }
    .scp-order__meta { grid-template-columns: 1fr; gap: 12px; }
    .scp-order__meta-item { padding-bottom: 12px; border-bottom: 1px dashed var(--scp-border); }
    .scp-order__meta-item:last-child { border-bottom: none; padding-bottom: 0; }
    .scp-order__actions { padding: 12px 14px; gap: 6px; }
    .scp-order__actions .scp-btn { flex: 1; justify-content: center; font-size: 12.5px; padding: 9px 12px; }

    .scp-countdown { font-size: 12.5px; padding: 6px 10px; gap: 4px; }
    .scp-countdown__time { min-width: 62px; }
    .scp-countdown__icon { font-size: 13px; }
    .scp-order__actions .scp-countdown { width: 100%; justify-content: center; }

    #scp-tracking-map { min-height: 260px !important; }

    .scp-chat-widget { bottom: 16px; left: 16px; }
    .scp-chat-toggle { width: 54px; height: 54px; font-size: 22px; }
    .scp-chat-panel {
        width: calc(100vw - 32px);
        height: calc(100vh - 120px);
        max-height: 560px;
        left: -8px;
        bottom: 72px;
    }
}

/* ---------- موبایل کوچک: زیر ۳۸۰px ---------- */
@media (max-width: 380px) {
    .scp-quick { grid-template-columns: repeat(2, 1fr); }
    .scp-stats--tickets { grid-template-columns: 1fr; }
    .scp-stats--tickets .scp-stat { flex-direction: row; text-align: right; padding: 12px 14px; }
    .scp-stats--tickets .scp-stat__icon { width: 40px; height: 40px; }
}
/* =====================================================================
 *  🎯 رفع فاصله بین منوهای سایدبار در برگه لیست قیمت
 * =================================================================== */

/* خود سایدبار — display block ساده، بدون flex */
.scp-prices-with-sidebar .scp-sidebar,
.scp-prices-with-sidebar .scp-account-sidebar {
    display: block !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: unset !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
}

/* منو — فقط بلاک، بدون فاصله اضافی */
.scp-prices-with-sidebar .scp-sidebar__menu {
    display: block !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: normal !important;
}

/* هر آیتم منو — بدون فاصله اضافی */
.scp-prices-with-sidebar .scp-sidebar__menu > li,
.scp-prices-with-sidebar .scp-sidebar__item {
    display: block !important;
    flex: none !important;
    flex-basis: auto !important;
    margin: 2px 8px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: unset !important;
    grid-row: auto !important;
    align-self: auto !important;
    line-height: normal !important;
}

/* لینک‌های منو — ارتفاع محدود */
.scp-prices-with-sidebar .scp-sidebar__link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: 60px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
    flex: none !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-self: auto !important;
}

/* برچسب منو */
.scp-prices-with-sidebar .scp-sidebar__label {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
    align-self: center !important;
}

/* آیکن‌ها */
.scp-prices-with-sidebar .scp-sidebar__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
}

.scp-prices-with-sidebar .scp-sidebar__icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* کاربر (بالا) */
.scp-prices-with-sidebar .scp-sidebar__user {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: normal !important;
    flex: none !important;
}

/* فوتر (خروج) */
.scp-prices-with-sidebar .scp-sidebar__footer {
    display: block !important;
    padding: 8px !important;
    margin: 4px 0 0 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
}

.scp-prices-with-sidebar .scp-sidebar__logout {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: 60px !important;
    line-height: 1.4 !important;
    flex: none !important;
    box-sizing: border-box !important;
}

/* بازنویسی هر خط اضافه که قالب اضافه کرده */
.scp-prices-with-sidebar * {
    line-height: normal;
}

.scp-prices-with-sidebar .scp-sidebar__link,
.scp-prices-with-sidebar .scp-sidebar__label,
.scp-prices-with-sidebar .scp-sidebar__name,
.scp-prices-with-sidebar .scp-sidebar__tier {
    line-height: 1.4;
}
/* =====================================================================
 *  KYC Admin v3.1 — جدول فشرده + صفحه جزئیات
 * =================================================================== */

/* جدول لیست */
.scp-kyc-list-table { table-layout: fixed; }
.scp-kyc-list-table th {
    font-size: 12px;
    padding: 10px 8px !important;
    background: #f6f7f7;
}
.scp-kyc-list-table td {
    padding: 10px 8px !important;
    font-size: 12.5px;
    vertical-align: middle;
}
.scp-kyc-list-table .button-small {
    font-size: 11.5px !important;
    padding: 3px 10px !important;
    min-height: 28px !important;
    line-height: 1.4 !important;
}

.scp-kyc-doc-mini {
    display: inline-block;
    font-size: 16px;
    margin: 0 2px;
    cursor: help;
}
.scp-kyc-doc-mini--approved { color: #1f9d55; }
.scp-kyc-doc-mini--rejected { color: #b23b3b; }
.scp-kyc-doc-mini--pending  { color: #c98a00; }
.scp-kyc-doc-mini--empty    { color: #cbd5e1; }

.scp-kyc-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 999px;
    line-height: 1.5;
    white-space: nowrap;
}
.scp-kyc-badge--success { background: #e5f6ed; color: #1f9d55; }
.scp-kyc-badge--warning { background: #fdf5e3; color: #c98a00; }
.scp-kyc-badge--danger  { background: #fbe9e9; color: #b23b3b; }
.scp-kyc-badge--info    { background: #dbeafe; color: #1d4ed8; }

/* صفحه جزئیات */
.scp-kyc-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 20px;
    margin-top: 16px;
}
@media (max-width: 1100px) {
    .scp-kyc-detail-grid { grid-template-columns: 1fr; }
}

.scp-kyc-detail-card {
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 10px;
    padding: 18px 20px;
}
.scp-kyc-detail-card h3 {
    margin: 18px 0 10px;
    font-size: 13.5px;
    color: #1f3a5f;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f1;
}
.scp-kyc-detail-card h3:first-of-type { margin-top: 0; }

.scp-kyc-detail-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 14px;
    border-bottom: 2px solid #f0f0f1;
    margin-bottom: 14px;
}
.scp-kyc-detail-head img { border-radius: 50%; }
.scp-kyc-detail-name { font-size: 15px; font-weight: 700; color: #1d2327; }
.scp-kyc-detail-email { font-size: 12px; color: #666; margin-top: 2px; }

.scp-kyc-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 6px;
}
.scp-kyc-info-table tr { border-bottom: 1px solid #f3f4f6; }
.scp-kyc-info-table tr:last-child { border-bottom: none; }
.scp-kyc-info-table th {
    text-align: right;
    font-weight: 600;
    color: #666;
    padding: 8px 0;
    width: 38%;
    font-size: 12.5px;
    background: none;
}
.scp-kyc-info-table td {
    padding: 8px 0;
    font-size: 13px;
    color: #1d2327;
}

.scp-kyc-detail-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f1;
}

/* کارت‌های مدارک در صفحه جزئیات */
.scp-kyc-detail-doc {
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 12px;
    transition: border-color .2s;
}
.scp-kyc-detail-doc--approved { border-color: #1f9d55; background: #f0faf4; }
.scp-kyc-detail-doc--rejected { border-color: #b23b3b; background: #fdf2f2; }
.scp-kyc-detail-doc--pending  { border-color: #c98a00; background: #fdfaf0; }
.scp-kyc-detail-doc--empty    { border-color: #cbd5e1; background: #f8fafc; }

.scp-kyc-detail-doc__head {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.scp-kyc-detail-doc__head strong { font-size: 13.5px; }

.scp-kyc-detail-doc__preview {
    margin: 10px 0;
    text-align: center;
}
.scp-kyc-detail-doc__preview img {
    max-width: 100%;
    max-height: 220px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    cursor: zoom-in;
    background: #fff;
}
.scp-kyc-detail-doc__pdf {
    display: inline-block;
    padding: 30px 20px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #1f3a5f;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

.scp-kyc-detail-doc__reason {
    background: #fbe9e9;
    color: #b23b3b;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12.5px;
    margin-top: 8px;
    line-height: 1.7;
}

.scp-kyc-detail-doc__actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e5e7eb;
}
.scp-kyc-detail-doc__actions .button-small {
    font-size: 11.5px !important;
    padding: 3px 10px !important;
    min-height: 28px !important;
    line-height: 1.4 !important;
}

/* استایل فرم KYC کاربر — حالت rejected */
.scp-kyc-upload--rejected .scp-kyc-drop {
    border-color: #b23b3b !important;
    border-style: solid !important;
    background: linear-gradient(135deg, #fbe9e9 0%, #f5d6d6 100%) !important;
    animation: scpKycRejectPulse 2.5s infinite;
}
.scp-kyc-upload--rejected .scp-kyc-drop__label { color: #b23b3b !important; }

.scp-kyc-upload--approved .scp-kyc-drop {
    border-color: #1f9d55 !important;
    border-style: solid !important;
    background: linear-gradient(135deg, #e5f6ed 0%, #d4f0dd 100%) !important;
}
.scp-kyc-upload--approved .scp-kyc-drop__label { color: #1f9d55 !important; }

.scp-kyc-upload--pending .scp-kyc-drop {
    border-color: #c98a00 !important;
    border-style: solid !important;
    background: linear-gradient(135deg, #fdf5e3 0%, #f9e8c7 100%) !important;
}
.scp-kyc-upload--pending .scp-kyc-drop__label { color: #c98a00 !important; }

@keyframes scpKycRejectPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(178,59,59,.25); }
    50% { box-shadow: 0 0 0 6px rgba(178,59,59,0); }
}

/* تقویم شمسی */
.scp-jalali-date {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr;
    gap: 8px;
    direction: rtl;
}
.scp-jalali-date select {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 11px 12px;
    font-family: inherit;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s;
    text-align: center;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 16px;
    padding-left: 30px;
}
.scp-jalali-date select:focus {
    outline: 2px solid rgba(31,58,95,.12);
    border-color: #1f3a5f;
}
/* =====================================================================
 *  Alert جمع‌وجور پیشخوان — KYC
 * =================================================================== */
.scp-alert--compact {
    align-items: flex-start !important;
    padding: 14px 18px !important;
    gap: 12px !important;
}
.scp-alert--compact .scp-alert__icon {
    font-size: 24px !important;
    margin-top: 2px;
}
.scp-alert--compact .scp-alert__body strong {
    font-size: 13.5px;
    margin-bottom: 2px;
}
.scp-alert--compact .scp-alert__body p,
.scp-alert--compact .scp-alert__hint {
    font-size: 12.5px !important;
    margin: 2px 0 0 !important;
    color: #4b5563 !important;
    line-height: 1.7;
}
.scp-alert--compact .scp-alert__hint strong {
    color: #b23b3b;
    font-weight: 700;
}

/* جزئیات قابل باز/بسته */
.scp-alert__details {
    margin-top: 8px;
    font-size: 12.5px;
}
.scp-alert__details > summary {
    cursor: pointer;
    color: #1f3a5f;
    font-weight: 600;
    padding: 4px 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    user-select: none;
}
.scp-alert__details > summary::-webkit-details-marker { display: none; }
.scp-alert__details > summary::before {
    content: '▸';
    display: inline-block;
    transition: transform .2s;
    font-size: 11px;
}
.scp-alert__details[open] > summary::before {
    transform: rotate(90deg);
}
.scp-alert__details > summary:hover {
    text-decoration: underline;
}
.scp-alert__details > ul {
    margin: 6px 0 0 0;
    padding-right: 20px;
    color: #b23b3b;
    line-height: 1.8;
    font-size: 12px;
}
.scp-alert__details > ul li {
    margin-bottom: 3px;
}
.scp-alert__details > ul li strong {
    color: #991b1b;
}

/* ریسپانسیو موبایل */
@media (max-width: 720px) {
    .scp-alert--compact {
        flex-direction: column;
        align-items: stretch !important;
    }
    .scp-alert--compact .scp-alert__icon {
        align-self: flex-start;
    }
    .scp-alert--compact .scp-btn {
        width: 100%;
        justify-content: center;
    }
}