@import url("./prompt-icons/iconly.min.css");
@import "./_resets.css" layer(resets);
@import "./_buttons.css" layer(buttons);

:root {
    --border-radius: 0;
    --padding-left: 40px;
    --gap-small: 8px;
    --bottom-offset: 20px;
    --active-group-margin-bottom: 2;
    --grey-100: #eaeaea;
    --grey-400: #aaa;
    --grey-600: #808080;
    --dashboard-bg: #f8f8f8;
    --grey: #f8f8f8;
    --navigation-button-bg-hover: rgba(0, 0, 0, 0.05);
    --navigation-button-bg-active: rgba(0, 0, 0, 0.1);
    --navigation-button-indicator-active: #5bbd8a;
    --button-bg-hover: #EFEFEF;
    --lines-color: #eaeaea;
    /*--button-bg-hover: #f8f8f8;*/
    
    
    --lines-color: #eaeaea;
    --black: #2c2c2c;
    --color-white: #fff;
    --color-black: var(--black);
    --color-grey: #808080;
    --color-grey-25: #F9F9F9;
    --color-grey-200: #D5D5D5;
    --color-grey-400: #aaa;
    --color-grey-600: #808080;
    --color-grey-800: #4d4d4d;
    --color-grey-900: #2c2c2c;
    --color-grey-1000: #000;
    --color-grey-1000: #000;
    --color-disabled: #AAAAAA;
    --color-green: #5bbd8a;
    --color-green-400: #5bbd8a;
    --color-brand-accent: var(--color-green);
    --color-brand-accent-dark: #49976E;
    --prompt-colors-accent-1: #4473D4;
    --AccentColor: var(--color-brand-accent-dark) !important;
    --color-text: var(--color-grey-900);
    --active-field-color: #6094FF;
    --sidebar-width: 220px;


    --color-warn: #f39c12;
    
    --default-top-nav-height: 45px;
    --top-nav-height: 45px;
    --banner-height: 65px;

    --transition: 0.215s ease-out;
    --z-backdrop: 997;
    --z-floating-content: 998;
    --z-context-menu: 999;
    accent-color: var(--color-brand-accent);
    /* #region GLOBAL CONFIGS */
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.5;
    font-weight: 400;
    font-size: 12px;
    color: var(--color-black);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    /* #endregion */
}

.color-blue {
    color: #6094FF;
}

.color-green {
    color: #00591D;
}

.color-gold {
    color: #948D7B;
}

.color-yellow {
    color: #f4a100;
}


::-webkit-scrollbar {
    --_size: 8px;
    width: var(--_size);
    height: var(--_size);
}

::-webkit-scrollbar-track {
    background: var(--Neutrals-Grey-50, #F4F4F4);
    background: var(--Neutrals-Grey-50, #F4F4F4);
}

::-webkit-scrollbar-thumb {
    background: var(--Neutrals-Grey-200, #D5D5D5);
    border-radius: 12px;
    cursor: grab;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content::-webkit-scrollbar {
    --_size: 0px;
    width: var(--_size);
    height: var(--_size);
}

a {
    cursor: pointer !important;
}

.btwn {
    display: flex;
    justify-content: space-between;
}

.btn-tertiary {
    background-color: #007bff;
    color: white;
}

button.btn-tertiary:hover {
    background-color: #4900ff !important;
    color: white;
}