@import '../main.css';
@import '../bridge-toaster.min.css';

main {
    flex-grow: 1;
    justify-content: start;
}

header{
    max-height: 30vh;
}

#dataset-table-wrapper {
    flex-grow: 1;
    max-height: 70vh;
}

/* #region: custom scrollbar */
/* Doplneno manualne */
.tabulator * {
    --scroll-bar-color: #8EC6BD;
    --scroll-bar-bg-color: var(--primary-2);
}

.tabulator * {
    scrollbar-width: thin;
    scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}

.tabulator *::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0.5);
}

/* Works on Chrome, Edge, and Safari */
.tabulator *::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.tabulator *::-webkit-scrollbar-track {
    background: var(--scroll-bar-bg-color);
}

.tabulator *::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-color);
    border-radius: 20px;
    border: 3px solid var(--scroll-bar-bg-color);
}

/* #endregion: custom scrollbar */

.btn-scene {
    background-color: var(--primary-3);
    padding: 0.4em;
    line-height: .9em;
    font-size: .9em;
    color: var(--primary-1);
    border: none;
    margin-right: 0.5em;
    cursor: pointer;
}

.btn-scene--nordic{
    background-color: var(--secondary-1-3);    
}

.btn-scene:hover {
    background-color: var(--primary-1);
    color: var(--primary-3);
}

.btn-scene--nordic:hover{
    color: var(--secondary-1-3);
}