@media (width < 1024px) {
    .dashboard-header {
        overflow: auto;
    }

    .dashboard-header-container.dashboard-header-container {
        white-space: nowrap;
    }

    .dashboard-header-container.dashboard-header-container,
    .dashboard-tabs.dashboard-tabs,
    .dashboard-configuration.dashboard-configuration {
        flex-wrap: nowrap;
    }
}

.btn-dashboard-add-widget.btn-dashboard-add-widget {
    --typo3-btn-padding-x: var(--typo3-input-sm-padding-x);
    --typo3-btn-padding-y: var(--typo3-input-sm-padding-y);
}

@media (width < 1024px) {
    .dashboard-add-item {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        margin-top: 1rem;
    }
    .btn-dashboard-add-widget.btn-dashboard-add-widget {
        position: static;
    }
}

.t3-page-column-header-icons {
    > .btn:first-child {
        display: none;
    }
}

.t3-page-ce:has(.app-backend-preview-spacer):not(:has(.t3-page-ce)) {
    scale: 0.95;
}

.t3-page-ce .t3-grid-cell {
    background-color: transparent;
}

typo3-formengine-container-inline[data-type="file"] {
    .btn.t3js-element-browser[data-allowed-types] {
        + .form-text {
            opacity: 0.5;

            .badge.badge-secondary {
                border-color: color-mix(in srgb, currentColor 50%, transparent);
                background-color: transparent;
                color: currentColor;
                font-weight: normal;
                font-size: inherit;
            }
        }
    }
}