/* ============================================================
   Path: src/RichRich.Web/wwwroot/css/fixed-assets.css
   Session: FS-ASSET-DETAIL-UI  🆕 NEW
   LastModified: 2026-07-01
   Module: M07 Fixed Assets — بطاقات KPI لصفحة تفاصيل الأصل (هوية زرقاء/ذهبية)
   ============================================================ */

.asset-kpi {
    --ak-navy:   #1e3a5f;
    --ak-navy-d: #152a47;
    --ak-gold:   #c5a55a;
    position: relative;
    border-radius: 14px;
    padding: 1.15rem 1.25rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e9f2;
    box-shadow: 0 2px 10px rgba(30, 58, 95, 0.05);
    transition: transform .15s ease, box-shadow .15s ease;
}
.asset-kpi:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(30, 58, 95, 0.1);
}

/* شريط علوي ملوّن يميّز نوع البطاقة */
.asset-kpi::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    height: 4px;
}
.asset-kpi-cost::before  { background: linear-gradient(90deg, var(--ak-navy), var(--ak-navy-d)); }
.asset-kpi-accum::before { background: linear-gradient(90deg, var(--ak-gold), #a88840); }
.asset-kpi-book::before  { background: linear-gradient(90deg, #2e9955, #1f6b3a); }

.asset-kpi-icon {
    width: 42px; height: 42px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 0.6rem;
}
.asset-kpi-cost  .asset-kpi-icon { background: #eef3f9; color: var(--ak-navy); }
.asset-kpi-accum .asset-kpi-icon { background: #faf6ec; color: #a88840; }
.asset-kpi-book  .asset-kpi-icon { background: #e8f5ee; color: #1f6b3a; }

.asset-kpi-label {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 0.2rem;
}
.asset-kpi-value {
    font-size: 1.5rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--ak-navy-d);
}
.asset-kpi-accum .asset-kpi-value { color: #a88840; }
.asset-kpi-book  .asset-kpi-value { color: #1f6b3a; }