html,
body {
    min-height: 100vh;
    --custom-safe-area-top: env(safe-area-inset-top, 0px);
}

.root {
    height: 100vh;

    @mixin dark {
        .mrt-table-head-sort-button {
            border-radius: 0;
            border: none;
        }
        .mrt-table-head-cell-filter-label-icon {
            border-radius: 0;
            border: none;
        }
    }

    @supports (padding: env(safe-area-inset-top)) {
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
            env(safe-area-inset-left);
    }
}

.mantine-Spotlight-action[data-selected] {
    background-color: var(--mantine-color-dark-5) !important;
}

@supports (padding: env(safe-area-inset-bottom)) {
    .safe-area-bottom {
        position: fixed;
        left: 10px;
        right: 0;
        bottom: 0px;
        width: 100%;
        height: 4px;
        background: #161b23;
        z-index: 0;
    }
}

[class*='MRT_TopToolbar-module_root-fullscreen'] {
    margin-top: 64px !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
}

.monaco-editor {
    border-radius: var(--mantine-radius-default);
}
.overflow-guard {
    border-radius: var(--mantine-radius-default);
}

.slider {
    border-radius: var(--mantine-radius-default);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(22, 27, 35, 0.6);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0d9488 0%, #06b6d4 100%);
    border-radius: 4px;
    border: 1px solid rgba(22, 27, 35, 0.8);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #14b8a6 0%, #22d3ee 100%);
}

::-webkit-scrollbar-corner {
    background: rgba(22, 27, 35, 0.6);
}

* {
    scrollbar-width: thin;
    scrollbar-color: #0d9488 rgba(22, 27, 35, 0.6);
}
