/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-8tsxb19fnd] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8tsxb19fnd] {
    flex: 1;
}

.sidebar[b-8tsxb19fnd] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-8tsxb19fnd] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-8tsxb19fnd]  a, .top-row[b-8tsxb19fnd]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-8tsxb19fnd]  a:hover, .top-row[b-8tsxb19fnd]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-8tsxb19fnd]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-8tsxb19fnd] {
        justify-content: space-between;
    }

    .top-row[b-8tsxb19fnd]  a, .top-row[b-8tsxb19fnd]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-8tsxb19fnd] {
        flex-direction: row;
    }

    .sidebar[b-8tsxb19fnd] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-8tsxb19fnd] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-8tsxb19fnd]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-8tsxb19fnd], article[b-8tsxb19fnd] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Accounts/Pages/Login.razor.rz.scp.css */
.auth-page[b-dy93pptays]{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--cmr-space-8) var(--cmr-space-4);box-sizing:border-box}.auth-card[b-dy93pptays]{width:100%;max-width:940px;display:grid;grid-template-columns:1.05fr 1fr;background:var(--cmr-surface);border:1px solid var(--cmr-border);border-radius:var(--cmr-radius-xl);box-shadow:var(--cmr-elevation-dialog);overflow:hidden}.auth-brand[b-dy93pptays]{position:relative;overflow:hidden;display:flex;align-items:center;padding:var(--cmr-space-12) var(--cmr-space-10);background:linear-gradient(155deg, var(--cmr-primary-light) 0%, var(--cmr-primary) 45%, var(--cmr-primary-hover) 100%);color:#fff}.auth-brand[b-dy93pptays]::before,.auth-brand[b-dy93pptays]::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}.auth-brand[b-dy93pptays]::before{width:240px;height:240px;top:-90px;inset-inline-end:-70px}.auth-brand[b-dy93pptays]::after{width:170px;height:170px;bottom:-70px;inset-inline-start:-50px}.auth-brand-inner[b-dy93pptays]{position:relative;z-index:1;width:100%}.auth-brand[b-dy93pptays]  .mud-icon-root{color:#fff;fill:currentColor}.brand-badge[b-dy93pptays]{width:68px;height:68px;border-radius:var(--cmr-radius-lg);background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:var(--cmr-space-6);box-shadow:0 6px 18px rgba(10,10,10,.18)}.brand-badge[b-dy93pptays]  .mud-icon-root{color:var(--cmr-primary)}.auth-brand[b-dy93pptays]  .brand-title{color:#fff;font-weight:700;margin-bottom:var(--cmr-space-1)}.auth-brand[b-dy93pptays]  .brand-subtitle{color:rgba(255,255,255,.85);margin-bottom:var(--cmr-space-8)}.brand-features[b-dy93pptays]{display:flex;flex-direction:column;gap:var(--cmr-space-4)}.brand-feature[b-dy93pptays]{display:flex;align-items:center;gap:var(--cmr-space-3);font-size:.9rem;color:rgba(255,255,255,.95)}.auth-form[b-dy93pptays]{display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:var(--cmr-space-12) var(--cmr-space-10);background:var(--cmr-surface)}.auth-form[b-dy93pptays]  .mud-toggle-group{width:100%}.auth-form[b-dy93pptays]  .mud-toggle-group .mud-toggle-item{flex:1 1 0;justify-content:center}.captcha-row[b-dy93pptays]{display:flex;align-items:center;gap:var(--cmr-space-2)}.captcha-row[b-dy93pptays]  .captcha-img{border:1px solid var(--cmr-border);border-radius:var(--cmr-radius-md);background:#fff;flex-shrink:0}.otp-boxes[b-dy93pptays]{display:flex;gap:var(--cmr-space-2);justify-content:center}.otp-box[b-dy93pptays]{width:48px;height:56px;text-align:center;font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--cmr-text-primary);background:var(--cmr-surface);border:1px solid var(--cmr-border);border-radius:var(--cmr-radius-md);transition:border-color var(--cmr-motion-fast),box-shadow var(--cmr-motion-fast)}.otp-box:focus[b-dy93pptays]{outline:none;border-color:var(--cmr-primary);box-shadow:var(--cmr-elevation-focus)}[b-dy93pptays] .mud-input-error{direction:rtl;font-size:11px}@media(max-width: 820px){.auth-page[b-dy93pptays]{padding:var(--cmr-space-4);align-items:flex-start}.auth-card[b-dy93pptays]{grid-template-columns:1fr;max-width:480px}.auth-brand[b-dy93pptays]{padding:var(--cmr-space-8) var(--cmr-space-6)}.auth-brand[b-dy93pptays]  .brand-subtitle{margin-bottom:0}.brand-badge[b-dy93pptays],.brand-features[b-dy93pptays]{display:none}.auth-form[b-dy93pptays]{min-height:auto;padding:var(--cmr-space-8) var(--cmr-space-6)}}@media(max-width: 420px){.otp-box[b-dy93pptays]{width:42px;height:50px;font-size:1.2rem}}
/* /Pages/Accounts/Shared/AccountLayout.razor.rz.scp.css */
.page[b-kouy69tub9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-kouy69tub9] {
    flex: 1;
}

.sidebar[b-kouy69tub9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-kouy69tub9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kouy69tub9]  a, .top-row[b-kouy69tub9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-kouy69tub9]  a:hover, .top-row[b-kouy69tub9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-kouy69tub9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-kouy69tub9] {
        justify-content: space-between;
    }

    .top-row[b-kouy69tub9]  a, .top-row[b-kouy69tub9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-kouy69tub9] {
        flex-direction: row;
    }

    .sidebar[b-kouy69tub9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-kouy69tub9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-kouy69tub9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-kouy69tub9], article[b-kouy69tub9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Dashboard/Pages/Accounting/JournalVouchers/JournalVoucherFormPage.razor.rz.scp.css */
.voucher-page[b-3d8nufrzb9] {
    direction: rtl;
}

.fw-600[b-3d8nufrzb9] { font-weight: 600; }
.fw-700[b-3d8nufrzb9] { font-weight: 700; }

.mono[b-3d8nufrzb9] {
    font-family: 'Consolas', 'Courier New', monospace;
    font-variant-numeric: tabular-nums;
}

.voucher-header[b-3d8nufrzb9] {
    background: linear-gradient(120deg, var(--mud-palette-background-grey) 0%, var(--mud-palette-surface) 100%);
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
}

.summary-card[b-3d8nufrzb9] {
    background: var(--mud-palette-background-grey);
    border-radius: 10px;
}

.section-card[b-3d8nufrzb9] {
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    overflow: hidden;
}

.sheet-toolbar[b-3d8nufrzb9] {
    background: var(--mud-palette-background-grey);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

/* ═══ نمای شیت (Excel-like) ═══ */
.sheet-wrapper[b-3d8nufrzb9] {
    overflow-x: auto;      /* اسکرول افقی مثل اکسل */
    overflow-y: auto;
    max-height: calc(100vh - 380px);
}

.voucher-sheet[b-3d8nufrzb9] {
    width: 100%;
    min-width: 1100px;     /* وادارکردن اسکرول افقی وقتی ستون‌ها زیادند */
    border-collapse: collapse;
    font-size: 0.85rem;
}

.voucher-sheet th[b-3d8nufrzb9],
.voucher-sheet td[b-3d8nufrzb9] {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 4px 6px;
    vertical-align: middle;
}

.voucher-sheet thead th[b-3d8nufrzb9] {
    position: sticky;       /* هدر چسبان */
    top: 0;
    z-index: 2;
    background: var(--mud-palette-background-grey);
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
}

.voucher-sheet tfoot td[b-3d8nufrzb9] {
    position: sticky;       /* ردیف جمع چسبان پایین */
    bottom: 0;
    z-index: 2;
    background: var(--mud-palette-background-grey);
    font-weight: 700;
}

.sheet-row:hover td[b-3d8nufrzb9] {
    background: var(--mud-palette-action-default-hover);
}

/* عرض ستون‌ها */
.col-num[b-3d8nufrzb9] { width: 46px; text-align: center; }
.col-account[b-3d8nufrzb9] { min-width: 230px; }
.col-desc[b-3d8nufrzb9] { min-width: 180px; }
.col-cur[b-3d8nufrzb9] { width: 90px; }
.col-rate[b-3d8nufrzb9] { width: 110px; }
.col-amount[b-3d8nufrzb9] { width: 150px; }
.col-dim[b-3d8nufrzb9] { width: 140px; text-align: center; }
.col-ops[b-3d8nufrzb9] { width: 56px; text-align: center; }

.col-rate[b-3d8nufrzb9], .col-amount[b-3d8nufrzb9], .sum-debit[b-3d8nufrzb9], .sum-credit[b-3d8nufrzb9] { text-align: left; }

.cell-ro[b-3d8nufrzb9] {
    display: inline-block;
    padding: 2px 0;
}

.rial-equiv[b-3d8nufrzb9] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
    text-align: left;
    font-family: 'Consolas', 'Courier New', monospace;
    margin-top: 2px;
}

.row-badge[b-3d8nufrzb9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border-radius: 6px;
    font-weight: 700;
    background: var(--mud-palette-action-default-hover);
}

.row-badge.is-debit[b-3d8nufrzb9] { background: var(--mud-palette-success); color: #fff; }
.row-badge.is-credit[b-3d8nufrzb9] { background: var(--mud-palette-error); color: #fff; }

.sum-debit[b-3d8nufrzb9] { color: var(--mud-palette-success-darken); }
.sum-credit[b-3d8nufrzb9] { color: var(--mud-palette-error-darken); }

/* سلول حساب: اتوکامپلیت + دکمهٔ درخت */
.account-cell[b-3d8nufrzb9] { width: 100%; }
.account-cell .flex-grow-1[b-3d8nufrzb9] { flex: 1 1 auto; min-width: 0; }

/* زیرردیف تفصیلی */
.dim-subrow td[b-3d8nufrzb9] {
    background: var(--mud-palette-primary-hover);
    padding: 0 6px 6px 6px;
}

.dim-panel[b-3d8nufrzb9] {
    border-inline-start: 3px solid var(--mud-palette-primary);
    background: var(--mud-palette-surface);
    border-radius: 0 8px 8px 0;
}
/* /Pages/Dashboard/Pages/HealthChecks/Dashboard/Components/QuickActions.razor.rz.scp.css */
.qa-bar[b-xd91xu1un4] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 12px;
    background: var(--cmr-surface);
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    margin-bottom: 16px;
}

.qa-btn[b-xd91xu1un4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: var(--mud-palette-action-default-hover);
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: right;
    font-family: inherit;
    color: inherit;
    width: 100%;
    overflow: hidden;
}

    .qa-btn:hover[b-xd91xu1un4] {
        background: var(--cmr-surface);
        border-color: var(--mud-palette-primary);
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }

    .qa-btn[b-xd91xu1un4]  .mud-icon-root {
        font-size: 22px !important;
        color: var(--mud-palette-primary);
        flex-shrink: 0;
    }

.qa-btn-primary[b-xd91xu1un4] {
    background: var(--mud-palette-primary);
    color: white;
}

    .qa-btn-primary[b-xd91xu1un4]  .mud-icon-root {
        color: white !important;
    }

    .qa-btn-primary:hover[b-xd91xu1un4] {
        background: var(--mud-palette-primary-darken);
        border-color: transparent;
        color: white;
    }

.qa-btn-text[b-xd91xu1un4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

    .qa-btn-text strong[b-xd91xu1un4] {
        font-size: 13px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .qa-btn-text small[b-xd91xu1un4] {
        font-size: 11px;
        opacity: 0.75;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* Responsive */
@media (max-width: 1200px) {
    .qa-bar[b-xd91xu1un4] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .qa-bar[b-xd91xu1un4] {
        grid-template-columns: repeat(2, 1fr);
    }

    .qa-btn-text small[b-xd91xu1un4] {
        display: none;
    }
}

@media (max-width: 480px) {
    .qa-bar[b-xd91xu1un4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Dashboard/Pages/HealthChecks/Dashboard/HealthCheckDashboardPage.razor.rz.scp.css */
/* ═══ Page (wrapper لازم برای فعال‌شدن استایل‌های ::deep روی کامپوننت‌های فرزند) ═══ */
.hcd-page[b-7ba5hv2osz] {
    display: block;
}

/* ═══ Header ═══ */
.hcd-header[b-7ba5hv2osz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
    padding: 16px 20px;
    background: linear-gradient(135deg, var(--mud-palette-surface) 0%, var(--mud-palette-background-grey) 100%);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
}

.hcd-header-actions[b-7ba5hv2osz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ═══ Skeleton ═══ */
.hcd-skeleton-grid[b-7ba5hv2osz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.hcd-skeleton-charts[b-7ba5hv2osz] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 12px;
}

/* ═══ Chart Card (shared) ═══ */
[b-7ba5hv2osz] .chart-card {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

    [b-7ba5hv2osz] .chart-card:hover {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
        transform: translateY(-2px);
    }

[b-7ba5hv2osz] .chart-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 18px;
    background: var(--mud-palette-action-default-hover);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-7ba5hv2osz] .chart-card-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

    [b-7ba5hv2osz] .chart-card-title i {
        color: var(--mud-palette-primary);
    }

[b-7ba5hv2osz] .chart-card-subtitle {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-right: 8px;
}

[b-7ba5hv2osz] .chart-card-stats {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

    [b-7ba5hv2osz] .chart-card-stats strong {
        color: var(--mud-palette-text-primary);
    }

[b-7ba5hv2osz] .chart-card-body {
    padding: 14px 18px;
}

[b-7ba5hv2osz] .chart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    gap: 10px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.5;
}

    [b-7ba5hv2osz] .chart-empty i {
        font-size: 36px;
    }

/* ═══ Donut Legend ═══ */
[b-7ba5hv2osz] .donut-legend {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

[b-7ba5hv2osz] .donut-legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

[b-7ba5hv2osz] .donut-legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

[b-7ba5hv2osz] .donut-legend-label {
    flex: 1;
    color: var(--mud-palette-text-secondary);
}

[b-7ba5hv2osz] .donut-legend-value {
    color: var(--mud-palette-text-primary);
}

[b-7ba5hv2osz] .donut-legend-percent {
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}

/* ═══ Top Items List ═══ */
[b-7ba5hv2osz] .top-items-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

[b-7ba5hv2osz] .top-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    flex-wrap: wrap;
    gap: 6px;
}

[b-7ba5hv2osz] .top-item-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

[b-7ba5hv2osz] .top-item-code {
    font-family: monospace;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
    padding: 2px 6px;
    border-radius: 4px;
}

[b-7ba5hv2osz] .top-item-stats {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}

[b-7ba5hv2osz] .top-item-rate {
    font-weight: 700;
}

[b-7ba5hv2osz] .top-item-count {
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}

[b-7ba5hv2osz] .top-item-bar {
    background: var(--mud-palette-action-default-hover);
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}

[b-7ba5hv2osz] .top-item-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.6s ease;
}

/* ═══ Recent List ═══ */
[b-7ba5hv2osz] .recent-list {
    display: flex;
    flex-direction: column;
}

[b-7ba5hv2osz] .recent-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    cursor: pointer;
    transition: background 0.15s ease;
    gap: 12px;
}

    [b-7ba5hv2osz] .recent-item:hover {
        background: var(--mud-palette-action-default-hover);
    }

    [b-7ba5hv2osz] .recent-item:last-child {
        border-bottom: none;
    }

[b-7ba5hv2osz] .recent-item-left {
    flex: 1;
    min-width: 0;
}

[b-7ba5hv2osz] .recent-vehicle {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

    [b-7ba5hv2osz] .recent-vehicle strong {
        font-size: 14px;
    }

[b-7ba5hv2osz] .recent-chassis {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-family: monospace;
}

[b-7ba5hv2osz] .recent-meta {
    display: flex;
    gap: 12px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    flex-wrap: wrap;
}

    [b-7ba5hv2osz] .recent-meta i {
        margin-left: 3px;
    }

[b-7ba5hv2osz] .recent-points {
    color: var(--mud-palette-error) !important;
    font-weight: 500;
}

[b-7ba5hv2osz] .recent-item-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-7ba5hv2osz] .recent-status {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}

    [b-7ba5hv2osz] .recent-status.status-ok {
        background: rgba(76, 175, 80, 0.12);
        color: #2E7D32;
    }

    [b-7ba5hv2osz] .recent-status.status-minordamage {
        background: rgba(255, 152, 0, 0.12);
        color: #E65100;
    }

    [b-7ba5hv2osz] .recent-status.status-majordamage {
        background: rgba(244, 67, 54, 0.12);
        color: #C62828;
    }

[b-7ba5hv2osz] .recent-converted {
    color: var(--mud-palette-info);
    font-size: 13px;
}

[b-7ba5hv2osz] .recent-arrow {
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
    opacity: 0.5;
}

/* ═══ Finance Card ═══ */
[b-7ba5hv2osz] .finance-card .finance-hero {
    text-align: center;
    padding: 16px 0 8px;
}

[b-7ba5hv2osz] .finance-label {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 6px;
}

[b-7ba5hv2osz] .finance-value {
    font-size: 32px;
    font-weight: 700;
    color: var(--mud-palette-error);
    line-height: 1;
}

[b-7ba5hv2osz] .finance-unit {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-top: 4px;
}

[b-7ba5hv2osz] .finance-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

[b-7ba5hv2osz] .finance-stat {
    padding: 10px 12px;
    background: var(--mud-palette-action-default-hover);
    border-radius: 8px;
}

[b-7ba5hv2osz] .finance-stat-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}

[b-7ba5hv2osz] .finance-stat-value {
    font-size: 16px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

[b-7ba5hv2osz] .finance-stat-unit {
    font-size: 10px;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
    margin-right: 3px;
}

[b-7ba5hv2osz] .finance-comparison {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
}

    [b-7ba5hv2osz] .finance-comparison.up {
        background: rgba(244, 67, 54, 0.08);
        color: var(--mud-palette-error);
    }

    [b-7ba5hv2osz] .finance-comparison.down {
        background: rgba(76, 175, 80, 0.08);
        color: var(--mud-palette-success);
    }

[b-7ba5hv2osz] .finance-conversion {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(33, 150, 243, 0.06);
    color: var(--mud-palette-info);
    border-radius: 8px;
    font-size: 12px;
}

    [b-7ba5hv2osz] .finance-conversion i {
        font-size: 16px;
    }

/* ═══ Responsive ═══ */
@media (max-width: 768px) {
    .hcd-skeleton-charts[b-7ba5hv2osz] {
        grid-template-columns: 1fr;
    }

    [b-7ba5hv2osz] .chart-card-header {
        padding: 10px 12px;
    }

    [b-7ba5hv2osz] .chart-card-body {
        padding: 10px 12px;
    }

    [b-7ba5hv2osz] .recent-item {
        padding: 10px 12px;
    }

    [b-7ba5hv2osz] .recent-meta {
        gap: 8px;
    }

    [b-7ba5hv2osz] .finance-grid {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Dashboard/Pages/HealthChecks/HealthCheckDetailPages.razor.rz.scp.css */
.hcd-card[b-mtv351a61l] {
    background: var(--cmr-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}

.hcd-card-header[b-mtv351a61l] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--mud-palette-action-default-hover);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-weight: 600;
    font-size: 14px;
}

    .hcd-card-header i[b-mtv351a61l] {
        color: var(--mud-palette-primary);
    }

.hcd-card-body[b-mtv351a61l] {
    padding: 16px;
}

.hcd-row[b-mtv351a61l] {
    display: flex;
    align-items: center;
    padding: 6px 0;
    gap: 12px;
    border-bottom: 1px dashed var(--mud-palette-lines-default);
}

    .hcd-row:last-child[b-mtv351a61l] {
        border-bottom: none;
    }

    .hcd-row .lbl[b-mtv351a61l] {
        font-size: 12px;
        color: var(--mud-palette-text-secondary);
        min-width: 100px;
        flex-shrink: 0;
    }

    .hcd-row .val[b-mtv351a61l] {
        font-size: 13px;
        color: var(--mud-palette-text-primary);
        flex: 1;
    }

.hcd-stats-grid[b-mtv351a61l] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.hcd-cost-row[b-mtv351a61l] {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
    background: rgba(244, 67, 54, 0.06);
    border-radius: 8px;
    font-size: 13px;
}

    .hcd-cost-row strong[b-mtv351a61l] {
        color: var(--mud-palette-error);
        font-size: 15px;
    }

.hcd-items-table[b-mtv351a61l]  .mud-table-head {
    background: var(--mud-palette-action-default-hover);
}

.hcd-audit-info[b-mtv351a61l] {
    background: var(--mud-palette-action-default-hover);
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

/* Print Styles */
@media print {
    .hcd-card-header[b-mtv351a61l],
    .hcd-audit-info[b-mtv351a61l] {
        background: white;
    }

    .mud-button[b-mtv351a61l],
    .mud-icon-button[b-mtv351a61l] {
        display: none !important;
    }
}

/* Responsive */
@media (max-width: 600px) {
    .hcd-stats-grid[b-mtv351a61l] {
        grid-template-columns: 1fr;
    }
}

/* ═══ Photo Gallery ═══ */
.hcd-photo-panel[b-mtv351a61l] {
    border-top: 1px solid var(--mud-palette-lines-default);
    padding: 14px 16px;
}

.hcd-photo-grid[b-mtv351a61l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 10px;
}

.hcd-photo-thumb[b-mtv351a61l] {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-action-default-hover);
}

    .hcd-photo-thumb img[b-mtv351a61l] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.hcd-photo-broken[b-mtv351a61l] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-disabled);
    font-size: 28px;
}

[b-mtv351a61l] .hcd-photo-del {
    position: absolute;
    top: 4px;
    inset-inline-end: 4px;
    background: var(--cmr-scrim-on-photo);
}
/* /Pages/Dashboard/Pages/HealthChecks/HealthCheckListPage.razor.rz.scp.css */
.hc-filter-bar[b-bbrers4sfq] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}

.hc-table-container[b-bbrers4sfq] {
    background: var(--cmr-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
}

.hc-table[b-bbrers4sfq]  .mud-table-head {
    background: var(--mud-palette-action-default-hover);
}

    .hc-table[b-bbrers4sfq]  .mud-table-head th {
        font-weight: 600;
        color: var(--mud-palette-text-primary);
    }

.hc-table[b-bbrers4sfq]  tr:hover {
    background: var(--mud-palette-action-default-hover) !important;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 600px) {
    .hc-table[b-bbrers4sfq]  .mud-table-cell {
        padding: 8px 6px;
        font-size: 12px;
    }
}
/* /Pages/Dashboard/Pages/HealthChecks/Wizard/HealthCheckWizardPage.razor.rz.scp.css */
/* ═══ Stepper ═══ */
.hcw-stepper-container[b-id418ho6ed] {
    background: var(--cmr-surface);
    padding: 20px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    margin-bottom: 16px;
}

.hcw-stepper[b-id418ho6ed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    overflow-x: auto;
}

.hcw-step[b-id418ho6ed] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    min-width: 80px;
    transition: opacity 0.2s ease;
}

    .hcw-step:not(.active):not(.completed)[b-id418ho6ed] {
        opacity: 0.5;
    }

.hcw-step-circle[b-id418ho6ed] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--mud-palette-action-default);
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.hcw-step.active .hcw-step-circle[b-id418ho6ed] {
    background: var(--mud-palette-primary);
    color: white;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 4px rgba(103, 58, 183, 0.15);
}

.hcw-step.completed .hcw-step-circle[b-id418ho6ed] {
    background: var(--mud-palette-success);
    color: white;
    border-color: var(--mud-palette-success);
}

.hcw-step-label[b-id418ho6ed] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    white-space: nowrap;
}

.hcw-step.active .hcw-step-label[b-id418ho6ed] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

.hcw-step.completed .hcw-step-label[b-id418ho6ed] {
    color: var(--mud-palette-success);
}

.hcw-step-connector[b-id418ho6ed] {
    flex: 1;
    height: 2px;
    background: var(--mud-palette-action-default);
    margin: 0 4px;
    margin-bottom: 25px; /* align with circle */
    transition: background 0.3s ease;
    min-width: 30px;
}

    .hcw-step-connector.completed[b-id418ho6ed] {
        background: var(--mud-palette-success);
    }

/* ═══ Step Content ═══ */
.hcw-step-content[b-id418ho6ed] {
    background: var(--cmr-surface);
    padding: 24px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    min-height: 400px;
    margin-bottom: 16px;
}

/* ═══ Footer ═══ */
.hcw-footer[b-id418ho6ed] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: var(--cmr-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.03);
}

.hcw-step-info[b-id418ho6ed] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}

/* ═══ Responsive ═══ */
@media (max-width: 600px) {
    .hcw-stepper-container[b-id418ho6ed] {
        padding: 12px;
    }

    .hcw-step[b-id418ho6ed] {
        min-width: 60px;
    }

    .hcw-step-circle[b-id418ho6ed] {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .hcw-step-label[b-id418ho6ed] {
        font-size: 11px;
    }

    .hcw-step-content[b-id418ho6ed] {
        padding: 16px;
    }

    .hcw-footer[b-id418ho6ed] {
        padding: 12px;
        flex-wrap: wrap;
        gap: 8px;
    }

    .hcw-step-info[b-id418ho6ed] {
        order: 3;
        flex-basis: 100%;
        text-align: center;
    }
}
/* /Pages/Dashboard/Pages/HealthChecks/Wizard/Steps/Step2_ItemsCheck.razor.rz.scp.css */
.hcw-items-toolbar[b-xoi9xxjf0n] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.hcw-items-summary[b-xoi9xxjf0n] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 10px 12px;
    background: var(--mud-palette-action-default-hover);
    border-radius: 8px;
}

.hcw-items-list[b-xoi9xxjf0n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hcw-category-panel[b-xoi9xxjf0n]  .mud-expand-panel-content {
    padding: 0;
}

.hcw-item-card[b-xoi9xxjf0n] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background 0.15s ease;
}

    .hcw-item-card:hover[b-xoi9xxjf0n] {
        background: var(--mud-palette-action-default-hover);
    }

    .hcw-item-card:last-child[b-xoi9xxjf0n] {
        border-bottom: none;
    }

    .hcw-item-card.damaged[b-xoi9xxjf0n] {
        background: rgba(244, 67, 54, 0.04);
        border-right: 3px solid var(--mud-palette-error);
    }

.hcw-item-header[b-xoi9xxjf0n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.hcw-item-title[b-xoi9xxjf0n] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.hcw-item-status[b-xoi9xxjf0n] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.hcw-status-btn[b-xoi9xxjf0n] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    font-size: 12px;
    background: var(--cmr-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .hcw-status-btn:hover[b-xoi9xxjf0n] {
        border-color: var(--mud-palette-primary);
    }

    .hcw-status-btn[data-status="ok"].active[b-xoi9xxjf0n] {
        background: var(--mud-palette-success);
        color: white;
        border-color: var(--mud-palette-success);
    }

    .hcw-status-btn[data-status="damaged"].active[b-xoi9xxjf0n] {
        background: var(--mud-palette-error);
        color: white;
        border-color: var(--mud-palette-error);
    }

    .hcw-status-btn[data-status="missing"].active[b-xoi9xxjf0n] {
        background: var(--mud-palette-warning);
        color: white;
        border-color: var(--mud-palette-warning);
    }

    .hcw-status-btn[data-status="na"].active[b-xoi9xxjf0n] {
        background: var(--mud-palette-text-secondary);
        color: white;
        border-color: var(--mud-palette-text-secondary);
    }

@media (max-width: 600px) {
    .hcw-status-btn[b-xoi9xxjf0n] {
        flex: 1;
        justify-content: center;
        padding: 8px 6px;
    }

        .hcw-status-btn span[b-xoi9xxjf0n] {
            display: none;
        }
}
/* /Pages/Dashboard/Pages/HealthChecks/Wizard/Steps/Step3_DamagePoints.razor.rz.scp.css */
.hcw-items-sidebar[b-g418rzin0s] {
    background: var(--cmr-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden;
    max-height: 500px;
    display: flex;
    flex-direction: column;
}

.hcw-sidebar-header[b-g418rzin0s] {
    padding: 12px 16px;
    background: var(--mud-palette-action-default-hover);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-weight: 600;
    font-size: 13px;
}

.hcw-sidebar-list[b-g418rzin0s] {
    overflow-y: auto;
    flex: 1;
}

.hcw-sidebar-item[b-g418rzin0s] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    cursor: pointer;
    transition: background 0.15s ease;
}

    .hcw-sidebar-item:hover[b-g418rzin0s] {
        background: var(--mud-palette-action-default-hover);
    }

    .hcw-sidebar-item.active[b-g418rzin0s] {
        background: rgba(103, 58, 183, 0.08);
        border-right: 3px solid var(--mud-palette-primary);
    }

    .hcw-sidebar-item:last-child[b-g418rzin0s] {
        border-bottom: none;
    }

.text-muted[b-g418rzin0s] {
    color: var(--mud-palette-text-secondary);
    opacity: 0.5;
}
/* /Pages/Dashboard/Pages/HealthChecks/Wizard/Steps/Step4_Review.razor.rz.scp.css */
.hcw-review-card[b-uesgewzxtl] {
    background: var(--cmr-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden;
}

.hcw-review-header[b-uesgewzxtl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--mud-palette-action-default-hover);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-weight: 600;
    font-size: 14px;
}

    .hcw-review-header i[b-uesgewzxtl] {
        color: var(--mud-palette-primary);
    }

.hcw-review-body[b-uesgewzxtl] {
    padding: 16px;
}

.hcw-review-row[b-uesgewzxtl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 6px 0;
    gap: 12px;
}

    .hcw-review-row .label[b-uesgewzxtl] {
        font-size: 13px;
        color: var(--mud-palette-text-secondary);
        min-width: 100px;
        flex-shrink: 0;
    }

    .hcw-review-row .value[b-uesgewzxtl] {
        font-size: 13px;
        text-align: end;
        color: var(--mud-palette-text-primary);
    }

.hcw-stats-grid[b-uesgewzxtl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.hcw-stat-mini[b-uesgewzxtl] {
    text-align: center;
    padding: 10px 6px;
    background: var(--cmr-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    border-top: 3px solid var(--c, var(--mud-palette-primary));
}

    .hcw-stat-mini .num[b-uesgewzxtl] {
        font-size: 20px;
        font-weight: 700;
        color: var(--c, var(--mud-palette-text-primary));
        line-height: 1.2;
    }

    .hcw-stat-mini .lbl[b-uesgewzxtl] {
        font-size: 11px;
        color: var(--mud-palette-text-secondary);
        margin-top: 2px;
    }

@media (max-width: 600px) {
    .hcw-stats-grid[b-uesgewzxtl] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/Dashboard/Pages/Profile/ProfilePage.razor.rz.scp.css */
/* ───────── کارت خلاصه ───────── */
.summary-card[b-12y1noz8xh] {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(20, 45, 90, 0.07);
    background: var(--cmr-surface);
}

.summary-cover[b-12y1noz8xh] {
    height: 84px;
    background: linear-gradient(135deg, #eaf1fb 0%, #eef6f4 100%);
    border-bottom: 1px solid rgba(20, 45, 90, 0.05);
}

.summary-body[b-12y1noz8xh] {
    padding: 0 22px 24px 22px;
}

.summary-avatar[b-12y1noz8xh] {
    display: flex;
    justify-content: center;
    margin-top: -46px;
    margin-bottom: 12px;
}

[b-12y1noz8xh] .summary-avatar-el {
    width: 96px;
    height: 96px;
    font-size: 2.1rem;
    font-weight: 700;
    border: 4px solid var(--cmr-surface);
    box-shadow: 0 10px 26px rgba(20, 45, 90, 0.18);
}

.summary-stat[b-12y1noz8xh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    color: #41506b;
    font-size: 0.88rem;
}

.summary-stat > span[b-12y1noz8xh] {
    flex: 1 1 auto;
}

/* ───────── کارت جزئیات ───────── */
.details-card[b-12y1noz8xh] {
    border-radius: 18px;
    border: 1px solid rgba(20, 45, 90, 0.07);
    background: var(--cmr-surface);
    height: 100%;
    overflow: hidden;
}

/* آیتم شرکت */
.company-item[b-12y1noz8xh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background);
}
/* /Pages/Dashboard/Pages/Profile/ProfileRow.razor.rz.scp.css */
.profile-row[b-pgylunv0fj] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 4px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.profile-row:last-child[b-pgylunv0fj] {
    border-bottom: none;
}

.profile-row-icon[b-pgylunv0fj] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21, 101, 192, 0.08);
}

.profile-row-text[b-pgylunv0fj] {
    min-width: 0;
    flex: 1 1 auto;
}
/* /Pages/Dashboard/Pages/Reports/AccountReview/AccountReviewPage.razor.rz.scp.css */
/* ═══ هدر صفحه ═══ */
.ar-header[b-0ffmmb851r] {
    background: linear-gradient(120deg, var(--mud-palette-primary) 0%, var(--mud-palette-primary-darken) 100%);
    color: var(--mud-palette-primary-text);
    border-radius: 12px;
}

    .ar-header[b-0ffmmb851r]  .mud-typography {
        color: var(--mud-palette-primary-text);
    }

.ar-header-sub[b-0ffmmb851r] {
    opacity: .85;
}

.ar-header-icon[b-0ffmmb851r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .18);
    margin-inline-end: 8px;
}

    .ar-header-icon[b-0ffmmb851r]  .mud-icon-root {
        color: var(--mud-palette-primary-text);
    }

/* ═══ پنل‌ها ═══ */
.ar-panel[b-0ffmmb851r] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 290px);
    min-height: 420px;
    border-radius: 12px;
    overflow: hidden;
}

.ar-panel-title[b-0ffmmb851r] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-background-grey);
    flex-shrink: 0;
}

.ar-panel-body[b-0ffmmb851r] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 8px 12px;
}

.ar-panel-body--padded[b-0ffmmb851r] {
    padding: 16px;
}

.ar-center[b-0ffmmb851r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 220px;
    text-align: center;
}
/* /Pages/Dashboard/Pages/Reports/AccountTraversal/AccountTraversalPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════
   AccountTraversalPage — v1.2 tokens only (no hardcoded colors).
   ::deep selectors are anchored on the plain .att-root wrapper so they
   reach MudBlazor-rendered cells (classes passed via Class= to MudTd/…).
   ══════════════════════════════════════════════════════════════════ */

.att-grid-card[b-dklq1bg8kh] {
    overflow: hidden;
    border-radius: var(--cmr-radius-lg);
}

/* راهنما / حالت خالی — مرکزچین و کم‌رنگ */
.att-hint[b-dklq1bg8kh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 200px;
    padding: var(--cmr-space-8);
    color: var(--cmr-text-secondary);
}

/* تفصیلی‌های متصل — متن جداشده با ویرگول، کم‌رنگ و فشرده (خواناتر از چیپ در سلول متراکم) */
.att-chips[b-dklq1bg8kh] {
    color: var(--cmr-text-secondary);
    font-size: 12px;
}

/* صفحه‌بند تب گردش */
.att-pager[b-dklq1bg8kh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--cmr-space-3);
    padding: var(--cmr-space-3) var(--cmr-space-4);
    border-top: 1px solid var(--cmr-border-divider);
}

/* ─── مانده منفی قرمز، مثبت رنگ متن پیش‌فرض (locked #8) ─── */
.att-root[b-dklq1bg8kh]  .att-balance-neg {
    color: var(--cmr-error);
}

.att-root[b-dklq1bg8kh]  .att-balance-pos {
    color: var(--cmr-text-primary);
}

/* اعداد با هم‌عرض برای ترازبندی ستونی */
.att-root[b-dklq1bg8kh]  .att-table td,
.att-root[b-dklq1bg8kh]  .att-table th {
    font-variant-numeric: tabular-nums;
}

/* ─── ردیف جمع کل: وزن ۷۰۰ تنها استثنای سقف وزن v1.2 (رویه‌ی حسابداری Wave 4) ─── */
.att-root[b-dklq1bg8kh]  .att-total {
    font-weight: 700;
    background: var(--cmr-surface-alt);
}

/* ─── انتخاب تعداد در صفحه (فقط تب گردش) ─── */
.att-page-size-row[b-dklq1bg8kh] {
    display: flex;
    justify-content: flex-end; /* RTL: سمت چپِ بصری */
    padding: var(--cmr-space-3) var(--cmr-space-4) 0;
}

.att-root[b-dklq1bg8kh]  .att-page-size-select {
    max-width: 8rem;
}
/* /Pages/Dashboard/Pages/VehicleTypes/DiagramManager/DiagramEditorDialog.razor.rz.scp.css */
.ded-container[b-09dq1ruls4] {
    min-height: 500px;
}

.ded-info[b-09dq1ruls4] {
    padding: 12px 16px;
    background: rgba(103, 58, 183, 0.06);
    border-radius: 8px;
    margin-bottom: 16px;
}

.ded-icon[b-09dq1ruls4] {
    font-size: 24px;
    color: var(--mud-palette-primary);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    border: 1px solid var(--mud-palette-primary);
}

.ded-svg-textarea[b-09dq1ruls4]  textarea {
    font-family: 'Courier New', 'Consolas', monospace !important;
    font-size: 12px !important;
    direction: ltr;
    text-align: left;
}

/* ═══ Preview ═══ */
.ded-preview-section[b-09dq1ruls4] {
    background: white;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.ded-preview-header[b-09dq1ruls4] {
    padding: 10px 14px;
    background: var(--mud-palette-action-default-hover);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-size: 13px;
    font-weight: 600;
}

.ded-preview-wrapper[b-09dq1ruls4] {
    padding: 20px;
    background: linear-gradient(180deg, #FAFBFC 0%, #F5F6F8 100%);
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ded-preview-svg[b-09dq1ruls4] {
    display: block;
    width: 100%;
    height: auto;
    max-height: 280px;
}

.ded-preview-empty[b-09dq1ruls4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.4;
    text-align: center;
}
/* /Pages/Dashboard/Pages/VehicleTypes/DiagramManager/VehicleTypeDiagramManagerPage.razor.rz.scp.css */
.vtdm-selector-card[b-clvou4j9e0] {
    background: white;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    margin-bottom: 20px;
}

/* ═══ View Cards ═══ */
.vtdm-view-card[b-clvou4j9e0] {
    background: white;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    height: 100%;
}

    .vtdm-view-card:hover[b-clvou4j9e0] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

.vtdm-view-header[b-clvou4j9e0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--mud-palette-action-default-hover);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-size: 14px;
}

    .vtdm-view-header i[b-clvou4j9e0] {
        color: var(--mud-palette-primary);
    }

.vtdm-preview[b-clvou4j9e0] {
    padding: 16px;
    background: linear-gradient(180deg, #FAFBFC 0%, #F5F6F8 100%);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

    .vtdm-preview svg[b-clvou4j9e0] {
        display: block;
        width: 100%;
        height: auto;
        max-height: 180px;
        margin: 0 auto;
    }

.vtdm-view-actions[b-clvou4j9e0] {
    display: flex;
    gap: 8px;
    padding: 12px;
    align-items: center;
}

    .vtdm-view-actions .mud-button[b-clvou4j9e0] {
        flex: 1;
    }

/* ═══ Test Section ═══ */
.vtdm-test-section[b-clvou4j9e0] {
    background: white;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden;
}

.vtdm-test-header[b-clvou4j9e0] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: rgba(33, 150, 243, 0.06);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-size: 14px;
}

    .vtdm-test-header i[b-clvou4j9e0] {
        color: var(--mud-palette-info);
    }

/* ═══ Responsive ═══ */
@media (max-width: 600px) {
    .vtdm-selector-card[b-clvou4j9e0] {
        padding: 12px;
    }

    .vtdm-view-actions[b-clvou4j9e0] {
        flex-direction: column;
        gap: 6px;
    }
}
/* /Pages/Dashboard/Pages/Workspace/WorkspacePage.razor.rz.scp.css */
.ws-hero[b-xjhqdvorly] {
    border-radius: 18px;
    border: 1px solid rgba(20, 45, 90, 0.07);
    background: linear-gradient(135deg, #f6f9ff 0%, #eef6f4 100%);
    padding: 22px 24px;
}

.ws-hero-content[b-xjhqdvorly] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.ws-meta[b-xjhqdvorly] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #41506b;
    font-size: 0.9rem;
}

.ws-hero-badge[b-xjhqdvorly] {
    margin-inline-start: auto;
}

/* میان‌برها */
.ws-shortcuts[b-xjhqdvorly] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
}

.ws-shortcut[b-xjhqdvorly] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 22px 12px;
    border-radius: 14px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    cursor: pointer;
    text-align: center;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.ws-shortcut:hover[b-xjhqdvorly] {
    transform: translateY(-3px);
    border-color: #1565C0;
    box-shadow: 0 10px 24px rgba(21, 101, 192, 0.12);
}

.ws-shortcut-icon[b-xjhqdvorly] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21, 101, 192, 0.08);
    color: #1565C0;
    font-size: 1.4rem;
}

.ws-row-icon[b-xjhqdvorly] {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 137, 123, 0.08);
    color: #00897B;
}
/* /Pages/Dashboard/Shared/ClaimInput.razor.rz.scp.css */
.claim-wrapper[b-nodrip9k8j]{margin-top:12px}.claim-wrapper .claim-collection[b-nodrip9k8j]{text-align:center}.claim-wrapper .claim-collection span[b-nodrip9k8j]{font-size:12px;font-weight:bold}.claim-wrapper .claim-collection .claims[b-nodrip9k8j]{display:flex;flex-flow:column;gap:4px;width:180px;height:200px;overflow-y:auto;border:2px dashed #dcdcdc;border-radius:4px;margin-top:4px}.tab-claims[b-nodrip9k8j]{display:flex;flex-flow:column}.tab-claims .claims[b-nodrip9k8j]{display:flex;flex-flow:row;gap:5px;flex-wrap:wrap}
/* /Pages/Dashboard/Shared/Components/EmptyState.razor.rz.scp.css */
.empty-state[b-okkmrlsqf0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}

.empty-icon[b-okkmrlsqf0] {
    font-size: 48px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.4;
    margin-bottom: 16px;
}

.empty-title[b-okkmrlsqf0] {
    font-size: 16px;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    margin-bottom: 6px;
}

.empty-subtitle[b-okkmrlsqf0] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    max-width: 400px;
}
/* /Pages/Dashboard/Shared/Components/KpiCard.razor.rz.scp.css */
/* KPI Card — Design System v1.2 §5.9 */

.cmr-kpi-card[b-l79rfkn4lu] {
    position: relative;
    overflow: hidden;
    background: var(--cmr-surface);
    border: 1px solid var(--cmr-border);
    border-radius: var(--cmr-radius-xl);
    box-shadow: var(--cmr-elevation-card);
    transition: box-shadow var(--cmr-motion-fast), transform var(--cmr-motion-fast);
}

.cmr-kpi-density-comfortable[b-l79rfkn4lu] { padding: 20px; }
.cmr-kpi-density-compact[b-l79rfkn4lu] { padding: 14px; }

/* Teal accent stripe on START edge (right in RTL, left in LTR) — design system v1.2 §5.9 */
.cmr-kpi-card[b-l79rfkn4lu]::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--kpi-accent, var(--cmr-primary));
}

/* Clickable variant — entire card is a link */
.cmr-kpi-clickable[b-l79rfkn4lu] {
    cursor: pointer;
}

.cmr-kpi-clickable:hover[b-l79rfkn4lu] {
    box-shadow: var(--cmr-elevation-hover);
    transform: translateY(-2px);
}

.cmr-kpi-clickable:active[b-l79rfkn4lu] {
    transform: translateY(-1px);
}

/* Icon — colored with accent */
.cmr-kpi-icon[b-l79rfkn4lu] {
    color: var(--kpi-accent, var(--cmr-primary));
    line-height: 1;
    margin-bottom: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--cmr-radius-md);
    background-color: color-mix(in srgb, var(--kpi-accent, var(--cmr-primary)) 12%, transparent);
}

/* Label */
.cmr-kpi-label[b-l79rfkn4lu] {
    font-size: 12px;
    color: var(--cmr-text-secondary);
    margin-bottom: 6px;
    font-weight: 400;
    line-height: 1.4;
}

/* Value — design system caps weight at 500 */
.cmr-kpi-value[b-l79rfkn4lu] {
    color: var(--cmr-text-primary);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 6px;
    font-variant-numeric: tabular-nums;
}

.cmr-kpi-value-comfortable[b-l79rfkn4lu] { font-size: 28px; }
.cmr-kpi-value-compact[b-l79rfkn4lu] { font-size: 22px; }

/* Trend indicator */
.cmr-kpi-trend[b-l79rfkn4lu] {
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1.4;
}

.cmr-kpi-trend-up[b-l79rfkn4lu] { color: var(--cmr-success); }
.cmr-kpi-trend-down[b-l79rfkn4lu] { color: var(--cmr-error); }
.cmr-kpi-trend-flat[b-l79rfkn4lu],
.cmr-kpi-trend-none[b-l79rfkn4lu] { color: var(--cmr-text-secondary); }

.cmr-kpi-trend-arrow[b-l79rfkn4lu] {
    font-size: 13px;
    line-height: 1;
}

.cmr-kpi-trend-label[b-l79rfkn4lu] {
    color: var(--cmr-text-secondary);
    font-weight: 400;
    margin-inline-start: 4px;
}

/* ============================================================
   Alert chip — Wave 1 hotfix
   First-class affordance: every important number is one click
   from action. Always error semantic (it means "needs attention"),
   independent of the card's AccentColor.
   ============================================================ */

.cmr-kpi-alert[b-l79rfkn4lu] {
    margin-top: 10px;
    padding: 8px 12px;
    border-radius: var(--cmr-radius-md);
    background-color: var(--cmr-error-bg);
    color: var(--cmr-error);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color var(--cmr-motion-fast),
                transform var(--cmr-motion-instant);
    user-select: none;
}

.cmr-kpi-alert:hover[b-l79rfkn4lu] {
    background-color: color-mix(in srgb, var(--cmr-error-bg) 60%, var(--cmr-error) 12%);
}

.cmr-kpi-alert:active[b-l79rfkn4lu] {
    transform: scale(0.98);
}

.cmr-kpi-alert-icon[b-l79rfkn4lu] {
    font-style: normal;
    font-size: 13px;
    line-height: 1;
}

.cmr-kpi-alert-text[b-l79rfkn4lu] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cmr-kpi-alert-arrow[b-l79rfkn4lu] {
    font-size: 14px;
    line-height: 1;
    opacity: 0.7;
    transition: opacity var(--cmr-motion-fast), transform var(--cmr-motion-fast);
}

.cmr-kpi-alert:hover .cmr-kpi-alert-arrow[b-l79rfkn4lu] {
    opacity: 1;
    transform: translateX(2px);
}

/* RTL: arrow points left (forward in RTL); on hover it moves left further */
[dir="rtl"] .cmr-kpi-alert:hover .cmr-kpi-alert-arrow[b-l79rfkn4lu] {
    transform: translateX(-2px);
}

/* When the FA <i> is rendered inside .cmr-kpi-icon, sit it visually centered
   to match the MudIcon SVG size. */
.cmr-kpi-icon > i[b-l79rfkn4lu] {
    font-size: 16px;
    line-height: 1;
}
/* /Pages/Dashboard/Shared/Components/Reports/AccountReview/AccountReviewTreeView.razor.rz.scp.css */
.tree-view[b-xp290os4s1] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tree-toolbar[b-xp290os4s1] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 10px;
}

.tree-search[b-xp290os4s1] {
    flex: 1 1 auto;
}

/* سرستون چسبان در بالای ناحیه اسکرول */
.tree-header[b-xp290os4s1] {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 8px 0;
    background-color: var(--mud-palette-surface);
    border-bottom: 2px solid var(--mud-palette-lines-default);
    font-size: .72rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

.th-account[b-xp290os4s1] {
    flex: 1 1 auto;
    padding-inline-start: 12px;
}

.th-amount[b-xp290os4s1] {
    width: 120px;
    flex-shrink: 0;
    text-align: end;
    padding-inline-end: 10px;
}

.th-balance[b-xp290os4s1] {
    width: 140px;
}

.tree-body[b-xp290os4s1] {
    width: 100%;
}

.tree-empty[b-xp290os4s1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 48px 16px;
}
/* /Pages/Dashboard/Shared/Components/Reports/AccountReview/AccountTreeNode.razor.rz.scp.css */
.atn[b-y2u29s655a] {
    width: 100%;
}

.atn-row[b-y2u29s655a] {
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 40px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background-color .12s ease;
}

    .atn-row:hover[b-y2u29s655a] {
        background-color: var(--mud-palette-action-default-hover);
    }

.atn-selected[b-y2u29s655a] {
    background-color: var(--mud-palette-primary-hover) !important;
    box-shadow: inset -3px 0 0 0 var(--mud-palette-primary);
}

/* بخش اصلی (کد/نام) با تورفتگی بر اساس سطح */
.atn-main[b-y2u29s655a] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    min-width: 0;
    padding-inline-start: var(--atn-indent, 0);
}

.atn-toggle[b-y2u29s655a] {
    width: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.atn-toggle-btn[b-y2u29s655a] {
    padding: 2px !important;
}

.atn-icon[b-y2u29s655a] {
    margin-inline: 2px 8px;
    flex-shrink: 0;
}

.atn-code[b-y2u29s655a] {
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 600;
    margin-inline-end: 10px;
    white-space: nowrap;
    color: var(--mud-palette-text-primary);
    letter-spacing: .3px;
}

.atn-name[b-y2u29s655a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--mud-palette-text-primary);
}

/* حساب‌های گروه/کل پررنگ‌تر دیده شوند */
.atn-lvl-1 .atn-code[b-y2u29s655a],
.atn-lvl-1 .atn-name[b-y2u29s655a] {
    font-weight: 700;
}

.atn-lvl-1[b-y2u29s655a] {
    background-color: var(--mud-palette-background-grey);
}

.atn-lvl-2 .atn-name[b-y2u29s655a] {
    font-weight: 600;
}

/* برچسب سطح حساب */
.atn-badge[b-y2u29s655a] {
    font-size: .62rem;
    line-height: 1;
    padding: 3px 7px;
    border-radius: 10px;
    margin-inline-start: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    border: 1px solid transparent;
}

.atn-badge-lvl1[b-y2u29s655a] {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.atn-badge-lvl2[b-y2u29s655a] {
    background-color: var(--mud-palette-info-hover);
    color: var(--mud-palette-info);
    border-color: var(--mud-palette-info);
}

.atn-badge-lvl3[b-y2u29s655a] {
    background-color: var(--mud-palette-secondary-hover);
    color: var(--mud-palette-secondary);
    border-color: var(--mud-palette-secondary);
}

.atn-badge-lvl4[b-y2u29s655a] {
    background-color: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    border-color: var(--mud-palette-lines-default);
}

/* ستون‌های مبالغ */
.atn-amount[b-y2u29s655a] {
    width: 120px;
    flex-shrink: 0;
    text-align: end;
    padding-inline-end: 10px;
    font-size: .8rem;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.atn-balance[b-y2u29s655a] {
    width: 140px;
    font-weight: 700;
}

.atn-debit[b-y2u29s655a] {
    color: var(--mud-palette-success);
}

.atn-credit[b-y2u29s655a] {
    color: var(--mud-palette-error);
}

.bal-debit[b-y2u29s655a] {
    color: var(--mud-palette-success-darken);
}

.bal-credit[b-y2u29s655a] {
    color: var(--mud-palette-error-darken);
}

.bal-nature[b-y2u29s655a] {
    font-size: .6rem;
    opacity: .75;
    margin-inline-start: 3px;
    font-weight: 600;
}

.bal-zero[b-y2u29s655a] {
    color: var(--mud-palette-text-disabled);
}
/* /Pages/Dashboard/Shared/Components/VehicleDamageDiagram/VehicleDamageDiagram.razor.rz.scp.css */
.vdd-container[b-g2673a74ax] {
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* ═══ Loading ═══ */
.vdd-loading[b-g2673a74ax] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    color: var(--mud-palette-text-secondary);
    font-size: 14px;
}

/* ═══ Toolbar (View Switcher) ═══ */
.vdd-toolbar[b-g2673a74ax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.vdd-views[b-g2673a74ax] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vdd-view-btn[b-g2673a74ax] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    font-size: 13px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
}

    .vdd-view-btn:hover[b-g2673a74ax] {
        background: var(--mud-palette-action-default-hover);
        border-color: var(--mud-palette-primary);
    }

    .vdd-view-btn.active[b-g2673a74ax] {
        background: var(--mud-palette-primary);
        color: white;
        border-color: var(--mud-palette-primary);
    }

    .vdd-view-btn i[b-g2673a74ax] {
        font-size: 13px;
    }

.vdd-view-badge[b-g2673a74ax] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.25);
    color: inherit;
}

.vdd-view-btn:not(.active) .vdd-view-badge[b-g2673a74ax] {
    background: var(--mud-palette-error);
    color: white;
}

.vdd-btn[b-g2673a74ax] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 13px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: white;
    cursor: pointer;
}

.vdd-btn-clear[b-g2673a74ax] {
    color: var(--mud-palette-error);
    border-color: var(--mud-palette-error);
}

    .vdd-btn-clear:hover[b-g2673a74ax] {
        background: var(--mud-palette-error);
        color: white;
    }

/* ═══ Canvas ═══ */
.vdd-canvas-wrapper[b-g2673a74ax] {
    position: relative;
    background: linear-gradient(180deg, #FAFBFC 0%, #F5F6F8 100%);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 12px;
    overflow: hidden;
}

.vdd-canvas[b-g2673a74ax] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 400px;
    margin: 0 auto;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

    .vdd-canvas.editable[b-g2673a74ax] {
        cursor: crosshair;
    }

    .vdd-canvas.readonly[b-g2673a74ax] {
        cursor: default;
    }

.vdd-hint[b-g2673a74ax] {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    pointer-events: none;
}

/* ═══ Severity Selector ═══ */
.vdd-severity-selector[b-g2673a74ax] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 12px;
    background: var(--mud-palette-action-default-hover);
    border-radius: 8px;
    margin-bottom: 8px;
}

.vdd-label[b-g2673a74ax] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    margin-left: 4px;
}

.vdd-sev-btn[b-g2673a74ax] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    font-size: 12px;
    background: white;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.15s ease;
    opacity: 0.6;
}

    .vdd-sev-btn:hover[b-g2673a74ax] {
        opacity: 1;
    }

    .vdd-sev-btn.active[b-g2673a74ax] {
        opacity: 1;
        background: var(--sev-color);
        color: white;
        border-color: var(--sev-color);
        box-shadow: 0 2px 6px color-mix(in srgb, var(--sev-color) 40%, transparent);
    }

.vdd-sev-dot[b-g2673a74ax] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--sev-color);
    border: 2px solid white;
    box-sizing: content-box;
}

.vdd-sev-btn.active .vdd-sev-dot[b-g2673a74ax] {
    background: white;
    border-color: white;
}

/* ═══ Legend (ReadOnly) ═══ */
.vdd-legend[b-g2673a74ax] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding: 8px;
    font-size: 12px;
}

.vdd-legend-item[b-g2673a74ax] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--mud-palette-text-primary);
}

    .vdd-legend-item .vdd-sev-dot[b-g2673a74ax] {
        width: 10px;
        height: 10px;
    }

/* ═══ Summary ═══ */
.vdd-summary[b-g2673a74ax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.vdd-summary-total i[b-g2673a74ax] {
    color: var(--mud-palette-primary);
    margin-left: 4px;
}

.vdd-summary strong[b-g2673a74ax] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

/* ═══ Responsive ═══ */
@media (max-width: 600px) {
    .vdd-container[b-g2673a74ax] {
        padding: 12px;
    }

    .vdd-toolbar[b-g2673a74ax] {
        flex-direction: column;
        align-items: stretch;
    }

    .vdd-views[b-g2673a74ax] {
        justify-content: center;
    }

    .vdd-view-btn[b-g2673a74ax] {
        flex: 1;
        justify-content: center;
        padding: 8px 6px;
        font-size: 12px;
    }

        .vdd-view-btn span:not(.vdd-view-badge)[b-g2673a74ax] {
            display: none; /* فقط آیکن روی موبایل */
        }

    .vdd-canvas[b-g2673a74ax] {
        max-height: 280px;
    }

    .vdd-severity-selector[b-g2673a74ax] {
        flex-direction: column;
        align-items: stretch;
    }

    .vdd-sev-btn[b-g2673a74ax] {
        justify-content: center;
        padding: 8px;
    }
}
/* /Pages/Shared/ImageInput.razor.rz.scp.css */
.image-selector-wrapper[b-vblbqla9kb]{display:flex;justify-content:center;align-items:center;flex-flow:column;margin:5px 0;padding:10px;border:1px dashed #dcdcdc}