.dashboard {
    & .layout {
        & .block {
            border: 1px solid var(--ds-laseme-pure-color-border, #782634);
            box-shadow: 0 0 10px var(--ds-laseme-pure-color-border, #782634);
        }
    }

    & .block-views {
        & a {
            color: var(--ds-laseme-primary-text-color, #ffffff);
        }
    }
}

.layout--twocol-section {}

.layout__region {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.highcharts-legend-item text {
    fill: var(--ds-laseme-primary-text-color, #ffffff) !important;
}

.dashboard .layout__region .views-element-container h2 {
    color: var(--ds-laseme-primary-text-color, #ffffff);
    background: var(--ds-laseme-secondary-pure-color-background, #782634);
    padding: 1rem;
}

.dashboard {
    padding: 1rem;
}

.dashboard .views-element-container {
    background-color: var(--ds-laseme-pure-color-background, #782634);
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--ds-laseme-pure-color-border, #782634);
}

@media screen and (max-width: 920px) {
    .dashboard .layout {
        flex-direction: column;
    }
}

main:has(.dashboard) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-xl:has(.dashboard) {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.dashboard .row {
    margin: 0;
}

.dashboard .views-element-container:not(:has(.view-content, .view-empty, .contextual-region)) {
    display: none;
}

.charts-highchart.chart>*,
.charts-highchart.chart {
    padding: 0
}