/* ==========================================================================
   theme.css — هماهنگ‌سازی داشبورد GEO با سیستم طراحی UserDashboard کیوردچی
   (طبق userdashboard-design skill: قرمز برند #C91D13، پس‌زمینه #FBFBFB،
    حاشیه #DBDFE4، فونت Vazirmatn). این فایل بعد از style.css لود می‌شود و فقط
    متغیرها و چند عنصر hardcode را override می‌کند؛ ساختار اصلی style.css دست‌نخورده می‌ماند.
   ========================================================================== */

:root {
    /* پس‌زمینه و سطوح */
    --bg:    #FBFBFB;   /* پس‌زمینه صفحه (skill: --bg-color) */
    --white: #ffffff;   /* پس‌زمینه کارت */
    --panel: #F3F4F4;   /* پس‌زمینه جایگزین (سطر زوج/input) */

    /* حاشیه‌ها */
    --line:  #DBDFE4;   /* حاشیه استاندارد skill */
    --line2: #cfd4da;

    /* متن */
    --ink:   #2f2f2f;   /* متن اصلی */
    --soft:  #5c5c5c;   /* متن ثانویه */
    --muted: #7f7f7f;   /* متن کمرنگ */
    --faint: #aaaaaa;   /* متن خیلی کمرنگ */

    /* قرمز برند (skill: --primary-color #C91D13 / --hover-color #BB1A11) */
    --red:      #C91D13;
    --red-s:    #e0453b;
    --red-d:    rgba(201, 29, 19, .10);
    --red-g:    rgba(201, 29, 19, .22);
    --red-deep: #BB1A11;

    /* شعاع‌ها هماهنگ با skill (form 8px، کارت‌ها گردتر) */
    --r:  18px;
    --r2: 12px;
    --r3: 8px;
}

/* کارت امتیاز قهرمان: گرادیانت قرمز برند به‌جای قرمز پیش‌فرض */
.score-card {
    background: linear-gradient(145deg, #e0261b 0%, #C91D13 55%, #8f120b 100%);
    box-shadow: 0 16px 56px rgba(201, 29, 19, .50), 0 4px 20px rgba(0, 0, 0, .16);
}

/* دکمه اسکن مجدد هماهنگ با CTA برند */
.ph-btn {
    background: linear-gradient(135deg, var(--red), var(--red-deep));
    box-shadow: 0 4px 14px var(--red-g);
}

/* شعاع کارت‌ها کمی نزدیک‌تر به .box پروژه (۲۴px) اما ملایم‌تر برای کارت‌های کوچک */
.card { border-radius: 20px; }

/* حاشیه‌ی نرم‌تر روی track نوارها با پالت خاکستری skill */
.br-track { background: #eef0f2; }

/* ─── حالت «نتیجه‌ای نیست» داخل کارت‌ها ───
   وقتی یک باکس داده‌ای برای نمایش ندارد، به‌جای فضای سفید بی‌توضیح، پیام راهنما نشان داده می‌شود. */
.geo-nores {
    text-align: center;
    padding: 26px 18px;
    background: var(--panel);
    border: 1px dashed var(--line2);
    border-radius: var(--r2);
}

    .geo-nores .t {
        font-size: 13px;
        font-weight: 700;
        color: var(--soft);
        margin-bottom: 6px;
    }

    .geo-nores .d {
        font-size: 11.5px;
        color: var(--muted);
        line-height: 2;
        max-width: 380px;
        margin: 0 auto;
    }

.geo-nores-inline {
    margin-top: 10px;
    font-size: 11.5px;
    color: var(--muted);
    line-height: 1.9;
    text-align: center;
}

/* ─── مرکز اقدام: متن‌ها فارسی هستند ───
   استایل اصلی برای برچسب‌های انگلیسی نوشته شده بود (uppercase + letter-spacing) که
   حروف چسبان فارسی را از هم باز می‌کند. اینجا برای فارسی تنظیم می‌شود. */
.ac {
    direction: rtl;
    text-align: right;
}

.ac-prio {
    text-transform: none;
    letter-spacing: normal;
    font-size: 10.5px;
    padding: 3px 9px;
    line-height: 1.7;
    flex: none;
}

.ac-title {
    font-size: 13px;
    line-height: 1.9;
}

.ac-desc {
    font-size: 11.5px;
    line-height: 2;
}

.ac-intent {
    font-size: 10.5px;
    line-height: 1.9;
}

.ac-top {
    align-items: flex-start;
    flex-wrap: wrap;
}

/* ─── فونت اعداد: به‌جای JetBrains Mono از فونت سایت (Vazirmatn) استفاده شود ───
   جهت LTR اعداد حفظ می‌شود؛ فقط خانواده‌ی فونت override می‌گردد. */
.num, .mono,
.ct .en, .sec-lbl .en,
.sc-num, .sc-pct,
.kpi-val, .sp-val, .br-v,
.h2h-row .rate, .obi-r .rt, .pc {
    font-family: 'Vazirmatn', sans-serif !important;
}