.accounting-page {
    --accounting-surface: var(--rz-base-background-color, #ffffff);
    --accounting-border: var(--rz-border-default, #e5e7eb);
    --accounting-muted: var(--rz-text-secondary-color, #64748b);
    max-width: 1680px;
    margin: 0 auto;
}

.accounting-page > .rz-card,
.accounting-page .rz-card {
    border: 1px solid var(--accounting-border);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.accounting-page > .rz-card:first-child {
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--accounting-surface) 0%, var(--rz-base-50, #f8fafc) 100%);
}

.accounting-page > .rz-row {
    margin-inline: -0.35rem;
}

.accounting-page > .rz-row > .rz-column {
    padding-inline: 0.35rem;
}

.accounting-page > .rz-row .rz-card {
    min-height: 120px;
}

.accounting-page > .rz-card:last-child,
.accounting-page > .rz-row:last-child > .rz-column > .rz-card {
    overflow: hidden;
}

.accounting-page .rz-data-grid {
    border: 0;
    border-radius: 12px;
}

.accounting-page .rz-data-grid th {
    background: var(--rz-base-50, #f8fafc);
    color: var(--accounting-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.accounting-page .rz-data-grid td {
    border-bottom-color: var(--accounting-border);
    padding-block: 0.8rem;
}

.accounting-page .rz-data-grid tbody tr:hover > td {
    background: var(--rz-base-50, #f8fafc);
}

.accounting-page .rz-tabs-panels {
    padding-top: 1rem;
}

.accounting-page .rz-tabview-nav {
    border-bottom: 1px solid var(--accounting-border);
}

.accounting-page .rz-badge {
    border-radius: 999px;
    font-weight: 600;
    padding-inline: 0.65rem;
}

.accounting-page .rz-button {
    border-radius: 8px;
}

.accounting-line-items-card {
    background: var(--rz-base-50, #f8fafc);
    box-shadow: none !important;
}

.accounting-line-items-card .rz-row {
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--accounting-border);
}

.accounting-line-items-card .rz-row:last-child {
    border-bottom: 0;
}

@media (max-width: 760px) {
    .accounting-page {
        gap: 1rem !important;
    }

    .accounting-page > .rz-card:first-child {
        padding: 1rem;
    }

    .accounting-page > .rz-card:first-child > .rz-stack,
    .accounting-page > .rz-card:first-child .rz-stack {
        flex-wrap: wrap;
    }

    .accounting-page > .rz-card:first-child .rz-button {
        flex: 1 1 auto;
    }

    .accounting-page > .rz-row .rz-card {
        min-height: 104px;
    }
}