/* YTD Summary Table Styling */
.ytd-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 16px;
}

.ytd-table thead tr {
    background-color: #f2f2f2;
    border-bottom: 2px solid #ccc;
}

.ytd-table th {
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    color: #333;
}

.ytd-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #e1e1e1;
}

.ytd-table tr:hover td {
    background-color: #fafafa;
}

.ytd-metric {
    font-weight: 600;
    color: #444;
}

/* Positive/Negative Variance */
.ytd-positive {
    color: #2ca02c;   /* green */
    font-weight: 600;
}

.ytd-negative {
    color: #d62728;   /* red */
    font-weight: 600;
}

/* Highlight total row */
.ytd-total-row td {
    font-weight: 700;
    background-color: #f9f9f9;
}

/* Right-align numeric columns */
.ytd-number {
    text-align: right;
    font-feature-settings: "tnum"; /* tabular numbers */
}