.tuco-purchases-page {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.tuco-purchases-filter-card {
    border: 1px solid var(--border, var(--border)) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--filter-surface, var(--filter-surface)) !important;
    box-shadow: 0 4px 16px rgba(33, 29, 24, .035) !important;
}

.tuco-purchases-filter-card .card-body {
    padding: 14px 16px;
}

.tuco-purchases-segment {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--border, var(--border));
    border-radius: var(--radius-md);
    background: var(--surface);
}

.tuco-purchases-segment .form-check {
    margin: 0 !important;
    padding: 0 !important;
}

.tuco-purchases-segment-label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0 !important;
    padding: 7px 13px;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.tuco-purchases-segment-label:hover {
    color: var(--brand-primary);
    background: var(--surface-2);
}

.tuco-purchases-segment-label.active {
    color: #fff !important;
    background: var(--brand-accent) !important;
    box-shadow: 0 3px 8px rgba(21, 154, 140, .20);
}

.tuco-purchases-card-header {
    padding: 14px 16px !important;
    background: var(--input-surface, var(--input-surface)) !important;
    border-bottom: 1px solid var(--border, var(--border)) !important;
    color: var(--text) !important;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.tuco-purchases-page .tuco-kpi-card {
    min-height: 104px;
}

.tuco-purchases-page .tabulator {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

@media (max-width: 991.98px) {
    .tuco-purchases-segment {
        display: flex;
        width: 100%;
        overflow-x: auto;
    }

    .tuco-purchases-segment-label {
        white-space: nowrap;
    }
}

[data-bs-theme="dark"] .tuco-purchases-segment {
    background: var(--surface-1, #20252a);
}

[data-bs-theme="dark"] .tuco-purchases-card-header {
    color: inherit !important;
}


/* Scroll vertical des analyses multi-restaurants. */
.tuco-purchases-chart-scroll {
    height: 320px;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.tuco-purchases-chart-scroll .js-plotly-plot,
.tuco-purchases-chart-scroll .plot-container {
    width: 100% !important;
}