/* Global Styles */
.page {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
    background: linear-gradient(to bottom right, #1a1a2e 0%, #16213e 50%, #0f0f1e 100%);
}

::deep .content {
    overflow: auto;
    height: 100%;
}

/* Back Button */
::deep .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

::deep .back-button:hover .icon-back {
    background-color: var(--dxbl-btn-hover-color);
}

/* Responsive Layout */
@media (max-width: 768px) {
    ::deep .layout-sidebar {
        grid-area: header / header / header / header !important;
    }
}