/* ============================================================
   Path: src/RichRich.Web/wwwroot/css/asset-tables.css
   Session: J-ASSET-TABLES-STYLE
   LastModified: 2026-07-03
   Module: M07 Fixed Assets - unified tables badges (theme-bound)
   ============================================================
   🆕 NEW FILE — J-ASSET-TABLES-STYLE
   يُحسّن مظهر badges جداول الأصول (النوع/الرسملة/الحالة) بنقاط ملوّنة،
   مستوحى من ستايل «سجل الصيانة» المرفق — لكن مربوط بمتغيّرات الثيم
   (--ok/--warn/--err/--info/--card-*) فيتبدّل مع 4 ثيمات + dark mode
   (لا ألوان صلبة). يُستخدم داخل نظام acc-tbl-card الموجود.
   ============================================================ */

/* ── Badge بنقطة ملوّنة (نمط مشترك لكل badges الأصول) ── */
.rr-badge-dot {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .18rem .6rem;
    border-radius: 6px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1.4;
}
.rr-badge-dot .dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── حالة الأصل / الصيانة (done / pending / late / neutral) ── */
.rr-badge-dot.st-done {
    background: color-mix(in srgb, var(--ok) 14%, transparent);
    color: var(--ok);
}
.rr-badge-dot.st-done .dot { background: var(--ok); }

.rr-badge-dot.st-pending {
    background: color-mix(in srgb, var(--warn) 14%, transparent);
    color: var(--warn);
}
.rr-badge-dot.st-pending .dot { background: var(--warn); }

.rr-badge-dot.st-late {
    background: color-mix(in srgb, var(--err) 14%, transparent);
    color: var(--err);
}
.rr-badge-dot.st-late .dot { background: var(--err); }

.rr-badge-dot.st-neutral {
    background: color-mix(in srgb, var(--t3) 16%, transparent);
    color: var(--t2);
}
.rr-badge-dot.st-neutral .dot { background: var(--t3); }

/* ── نوع الصيانة (preventive / corrective / periodic) ── */
.rr-badge-dot.mt-preventive {
    background: color-mix(in srgb, var(--ok) 14%, transparent);
    color: var(--ok);
}
.rr-badge-dot.mt-preventive .dot { background: var(--ok); }

.rr-badge-dot.mt-corrective {
    background: color-mix(in srgb, var(--accent) 16%, transparent);
    color: var(--accent-d);
}
.rr-badge-dot.mt-corrective .dot { background: var(--accent-d); }

.rr-badge-dot.mt-periodic {
    background: color-mix(in srgb, var(--info) 14%, transparent);
    color: var(--info);
}
.rr-badge-dot.mt-periodic .dot { background: var(--info); }

/* ── الرسملة (بلا نقطة، إطار خفيف) ── */
.rr-badge-cap {
    display: inline-block;
    padding: .17rem .6rem;
    border-radius: 6px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}
.rr-badge-cap.cap-expense {
    background: color-mix(in srgb, var(--warn) 12%, transparent);
    color: var(--warn);
    border: 1px solid color-mix(in srgb, var(--warn) 35%, transparent);
}
.rr-badge-cap.cap-capital {
    background: color-mix(in srgb, var(--info) 12%, transparent);
    color: var(--info);
    border: 1px solid color-mix(in srgb, var(--info) 35%, transparent);
}

/* ── أرقام (تكلفة/قيمة) بمحاذاة LTR داخل RTL ── */
.rr-num {
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.rr-num .cur {
    font-size: .68rem;
    font-weight: 500;
    color: var(--t3);
    margin-inline-end: .15rem;
}

/* ── DEPR-GROUP: تقرير الإهلاك مجمّعاً تحت كل أصل ── */
/* رأس الأصل: شريط بارز يفصل كل أصل عن سجلاته الشهرية. */
.depr-grouped .depr-asset-head td {
    background: var(--nav-pale, #eef2f7);
    border-top: 2px solid var(--nav, #1f3a5f);
    font-size: .92rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
/* صفوف الفترات: مُزاحة قليلاً لتبدو تابعة للأصل أعلاها. */
.depr-grouped .depr-asset-row td {
    font-size: .88rem;
    color: var(--t2, #475569);
}
.depr-grouped .depr-asset-row td:first-child {
    position: relative;
}