/* Treemap controls retain their presentation within the shared section layout. */
#largest-rounds, #largest-rounds .chart-card { color: var(--white); }
#largest-rounds .chart-filters {
    background: transparent; border: 0; border-bottom: 1px solid var(--border-light);
    border-radius: 0; padding: 0 0 0.95rem; margin-bottom: 0.85rem;
}
#largest-rounds .chart-controls {
    padding: 0.85rem 0 1rem; margin-bottom: 0.85rem;
    background: transparent; border: 0; border-bottom: 1px solid var(--border-light); border-radius: 0;
}
#largest-rounds #treemap { background: transparent; border-radius: 0; box-shadow: none; }
#largest-rounds .chart-card-titles h3, #largest-rounds .chart-meta strong { color: var(--white); }
#largest-rounds .chart-card-titles .chart-sub { color: var(--text-light); }
#largest-rounds .chart-meta { color: var(--text-light); }
#largest-rounds .chart-card-foot { color: var(--text-lighter); }
#largest-rounds .ctrl-label, #largest-rounds .filter-label { color: var(--text-lighter); }
#largest-rounds .filter-label { font-size: 0.68rem; }
#largest-rounds .chart-watermark { background-image: url('/dealroom-logo-darkblue.svg'); }
#largest-rounds .chart-card { position: relative; }
        #largest-rounds .filter-select {
            min-width: 184px;
            min-height: 40px;
            color: var(--white);
            background: var(--vc-control-background);
            border: 1px solid var(--vc-control-border);
            border-radius: 8px;
            padding: 0.46rem 2rem 0.46rem 0.82rem;
            font: 700 0.81rem var(--font-sans, 'DM Sans', sans-serif);
            cursor: pointer;
            box-shadow: var(--vc-control-shadow);
            transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
        }
        #largest-rounds .filter-select {
            appearance: none;
            background:
                linear-gradient(45deg, transparent 50%, currentColor 50%),
                linear-gradient(135deg, currentColor 50%, transparent 50%),
                var(--vc-control-background);
            background-position: calc(100% - 16px) 52%, calc(100% - 11px) 52%, 0 0;
            background-size: 5px 5px, 5px 5px, 100% 100%;
            background-repeat: no-repeat;
        }

        #largest-rounds .filter-select:hover, #largest-rounds .filter-select:focus {
            border-color: var(--vc-control-focus-border);
            box-shadow: var(--vc-control-focus-shadow);
            outline: none;
            background:
                linear-gradient(45deg, transparent 50%, currentColor 50%),
                linear-gradient(135deg, currentColor 50%, transparent 50%),
                var(--vc-control-hover-background);
            background-position: calc(100% - 16px) 52%, calc(100% - 11px) 52%, 0 0;
            background-size: 5px 5px, 5px 5px, 100% 100%;
            background-repeat: no-repeat;
        }

        #largest-rounds .chart-card-titles .chart-sub { color: var(--text-lighter); }

        #largest-rounds .chart-filters:has(.reset-btn:not([hidden])) .filter-row[data-axis="sector"] .reset-btn {
    position: static; grid-column: 1; justify-self: start; align-self: stretch;
}
