/* ==========================================================================
   Accounts.css — styles specific to the Accounts module screens.
   ========================================================================== */

.acct-report-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 15px;
    box-shadow: var(--shadow);
    overflow: hidden
}

.acct-report-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px
}

    .acct-report-table thead th {
        font-weight: 700;
        font-size: 10.5px;
        letter-spacing: .04em;
        color: var(--text-3);
        padding: 11px 16px;
        background: var(--surface-2);
        text-align: left
    }

        .acct-report-table thead th.num {
            text-align: right
        }

    .acct-report-table tbody td {
        padding: 10px 16px
    }

        .acct-report-table tbody td.num {
            text-align: right
        }

    .acct-report-table tbody tr {
        border-top: 1px solid var(--border)
    }

        .acct-report-table tbody tr.section td {
            background: var(--surface-2)
        }

        .acct-report-table tbody tr.total td {
            border-top: 1.5px solid var(--border-strong)
        }