/*
 * «مدیریت اداری و مالی» — the few things its screens draw that Filament does
 * not. A plain stylesheet rather than Tailwind utilities, because the deploy
 * does not rebuild `public/build` and a utility first used here would not exist
 * on production.
 */

/* The amount in words under every amount box (بند ۴.۲). */
.fin-money-words {
    display: block;
    min-height: 1.25rem;
    color: #b45309;
    font-weight: 700;
}

.dark .fin-money-words {
    color: #fbbf24;
}

/* «ردیف‌های فهرست‌ها یکی‌درمیان رنگ متفاوت» (بند ۱۰.۱): every finance table
   is `->striped()`; this only makes the stripe readable on both themes. */
.fin-table .fi-ta-row:nth-child(even) {
    background: rgba(31, 121, 87, 0.05);
}

.dark .fin-table .fi-ta-row:nth-child(even) {
    background: rgba(255, 255, 255, 0.04);
}

/* Cards of the overview and of a person's statement. */
.fin-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.75rem;
}

.fin-card {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.75rem;
    padding: 0.85rem 1rem;
    background: #fff;
}

.dark .fin-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
}

.fin-card-title {
    font-size: 0.8rem;
    color: #6b7280;
}

.fin-card-value {
    margin-top: 0.25rem;
    font-size: 1.15rem;
    font-weight: 700;
}

.fin-card-value.is-in { color: #15803d; }
.fin-card-value.is-out { color: #b91c1c; }

.fin-section-title {
    margin: 1.25rem 0 0.5rem;
    font-weight: 700;
    font-size: 1rem;
}

.fin-table-plain {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.fin-table-plain th,
.fin-table-plain td {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    text-align: start;
}

.fin-table-plain tbody tr:nth-child(even) {
    background: rgba(31, 121, 87, 0.05);
}

.dark .fin-table-plain th,
.dark .fin-table-plain td {
    border-color: rgba(255, 255, 255, 0.08);
}

.fin-note {
    font-size: 0.8rem;
    color: #6b7280;
}

.fin-badge {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    background: rgba(31, 121, 87, 0.12);
    color: #1f7957;
}

.fin-badge.is-person { background: rgba(185, 28, 28, 0.1); color: #b91c1c; }

.fin-chart-wrap {
    position: relative;
    max-width: 52rem;
    min-height: 18rem;
}