/* ==========================================================================
   Revenue/Sales Page - Tiles, Funnel, Open Quotes
   ========================================================================== */

#dateFilterArea {
    margin-bottom: var(--space-lg);
}

.revenue-date-filter {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
    flex-wrap: wrap;
}

.revenue-date-filter label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.revenue-date-filter .form-select {
    width: auto;
    min-width: 180px;
}

.custom-date-range {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.custom-date-range input[type="date"] {
    font-size: 0.875rem;
}

/* Summary tiles row */
.summary-tiles-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

@media (max-width: 991.98px) {
    .summary-tiles-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .summary-tiles-row {
        grid-template-columns: 1fr;
    }
}

/* Charts row */
.charts-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

@media (max-width: 1199.98px) {
    .charts-row {
        grid-template-columns: 1fr;
    }
}

/* Open Quotes section */
.open-quotes-section {
    margin-top: var(--space-xl);
}

.open-quotes-section h3 {
    margin-bottom: var(--space-md);
}

.open-quotes-table {
    font-size: 0.8125rem;
}

.open-quotes-table .amount-cell {
    font-weight: 600;
    text-align: right;
}

.open-quotes-table .stage-cell {
    white-space: nowrap;
}