/* ============================================================
   INTRANET GA
   ACABAMENTO GLOBAL V2
   DARK + CLEAN
   TIPOGRAFIA MAIOR
   MOBILE / PWA
   ============================================================ */


/* ============================================================
   BASE
   ============================================================ */

html {
    color-scheme: dark;
}

body {
    font-size: 14px;
}


/* ============================================================
   TIPOGRAFIA GERAL
   ============================================================ */

.nav,
.logout {
    font-size: 14px !important;
}

.commission-admin-menu-button {
    font-size: 13px !important;
}

.commission-admin-nav-title {
    font-size: 10px !important;
}


/*
   Textos pequenos estavam chegando
   a 6px / 7px / 8px em vários módulos.
*/

.page p,
.admin-card p,
.panel p {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.page small,
.admin-card small,
.panel small {
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.page label > span,
.admin-card label > span {
    font-size: 11px !important;
}

.page input,
.page select,
.page textarea,
.admin-card input,
.admin-card select,
.admin-card textarea {
    font-size: 13px !important;
}

.page button,
.admin-card button {
    font-size: 12px !important;
}

.page table th {
    font-size: 11px !important;
}

.page table td {
    font-size: 12px !important;
}


/* ============================================================
   FINANCEIRO - TEXTOS INTERNOS
   ============================================================ */

#financePage [class*="kpi"] span,
#financePage [class*="title"] span,
#financePage [class*="header"] span,
#financePage [class*="head"] span,
#financePage [class*="label"],
#financePage [class*="status"],
#financePage [class*="legend"],
#financePage [class*="footer"] span,
#financePage .fx-finance-core span,
#financePage .fx-donut-inner span {
    font-size: 11px !important;
}

#financePage [class*="kpi"] small,
#financePage [class*="panel"] small,
#financePage [class*="card"] small {
    font-size: 11px !important;
}

#financePage [class*="button"],
#financePage [class*="btn"] {
    font-size: 12px !important;
}


/* ============================================================
   COMISSIONAMENTO - TEXTOS INTERNOS
   ============================================================ */

#commissionPage [class*="title"] span,
#commissionPage [class*="head"] span,
#commissionPage [class*="label"],
#commissionPage [class*="status"],
#commissionPage [class*="badge"],

#commissionAdminPage [class*="title"] span,
#commissionAdminPage [class*="head"] span,
#commissionAdminPage [class*="label"],
#commissionAdminPage [class*="status"],
#commissionAdminPage [class*="badge"] {
    font-size: 11px !important;
}

#commissionPage small,
#commissionAdminPage small {
    font-size: 11px !important;
}

#commissionPage button,
#commissionAdminPage button {
    font-size: 12px !important;
}

#commissionPage input,
#commissionPage select,
#commissionPage textarea,
#commissionAdminPage input,
#commissionAdminPage select,
#commissionAdminPage textarea {
    font-size: 13px !important;
}


/* ============================================================
   USUARIOS
   ============================================================ */

.uc-form label > span,
.uc-table th,
.uc-modal small,
.uc-card-heading small,
.uc-toggle-row small {
    font-size: 11px !important;
}

.uc-form input,
.uc-form select,
.uc-form textarea {
    font-size: 13px !important;
}

.uc-table td,
.uc-table td strong {
    font-size: 12px !important;
}

.uc-primary,
.uc-secondary,
.uc-table .actions button {
    font-size: 12px !important;
}

.uc-badge {
    font-size: 10px !important;
}


/* ============================================================
   PERFIS DE ACESSO
   ============================================================ */

.ar-card-head small,
.ar-page-head small,
.ar-section-title small,
.ar-modal-head small,
.ar-form label > span,
.ar-role-meta {
    font-size: 11px !important;
}

.ar-form input,
.ar-form select {
    font-size: 13px !important;
}

.ar-role-name strong {
    font-size: 13px !important;
}

.ar-role-main p {
    font-size: 12px !important;
}

.ar-actions button,
.ar-primary,
.ar-secondary {
    font-size: 12px !important;
}

.ar-badge {
    font-size: 10px !important;
}


/* ============================================================
   BOTAO DE TEMA
   ============================================================ */

.ga-theme-toggle,
.ga-install-app {
    position: fixed;
    right: 18px;

    z-index: 200000;

    min-width: 116px;
    height: 42px;

    padding: 0 14px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;

    background:
        rgba(15,18,22,.94);

    color: #e7ebee;

    box-shadow:
        0 10px 35px
        rgba(0,0,0,.25);

    backdrop-filter:
        blur(14px);

    cursor: pointer;

    font-family: inherit;
    font-size: 12px;
    font-weight: 800;

    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.ga-theme-toggle {
    bottom: 18px;
}

.ga-install-app {
    bottom: 68px;
    display: none;
}

.ga-theme-toggle:hover,
.ga-install-app:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(255,255,255,.18);
}


/* ============================================================
   CLEAN / LIGHT
   ============================================================ */

html[data-ga-theme="clean"] {
    color-scheme: light;

    --bg: #f3f6f8;
    --bg-2: #ffffff;

    --panel: #ffffff;
    --panel-2: #f7f9fa;
    --panel-3: #edf1f4;

    --text: #1d242a;
    --text-2: #48545e;
    --text-3: #707b84;

    --border: #dfe5e9;
}


html[data-ga-theme="clean"] body {
    background:
        #f3f6f8 !important;

    color:
        #1d242a !important;
}


/* SIDEBAR */

html[data-ga-theme="clean"] .sidebar {
    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f5f7f9
        ) !important;

    border-right:
        1px solid #dfe5e9 !important;

    box-shadow:
        10px 0 35px
        rgba(31,45,55,.035) !important;
}

html[data-ga-theme="clean"] .sidebar .brand,
html[data-ga-theme="clean"] .sidebar .brand span {
    color:
        #182027 !important;
}

html[data-ga-theme="clean"] .nav {
    color:
        #59656f !important;
}

html[data-ga-theme="clean"] .nav:hover {
    color:
        #111820 !important;

    background:
        #edf2f5 !important;
}

html[data-ga-theme="clean"] .nav.active {
    color:
        #101820 !important;

    background:
        #e7edf2 !important;
}

html[data-ga-theme="clean"] .logout {
    color:
        #5f6972 !important;

    border-color:
        #dbe2e7 !important;

    background:
        #f7f9fa !important;
}


/* MAIN / TOP */

html[data-ga-theme="clean"] .main {
    background:
        #f3f6f8 !important;
}

html[data-ga-theme="clean"] .top,
html[data-ga-theme="clean"] .topbar,
html[data-ga-theme="clean"] .header {
    border-color:
        #e1e6ea !important;
}


/* TEXTOS */

html[data-ga-theme="clean"] .page h1,
html[data-ga-theme="clean"] .page h2,
html[data-ga-theme="clean"] .page h3,

html[data-ga-theme="clean"] .admin-card h3,
html[data-ga-theme="clean"] .panel h3 {
    color:
        #182027 !important;
}

html[data-ga-theme="clean"] .page p,
html[data-ga-theme="clean"] .page small,
html[data-ga-theme="clean"] .admin-card p,
html[data-ga-theme="clean"] .panel p {
    color:
        #68747e !important;
}


/* PAINEIS / CARDS */

html[data-ga-theme="clean"] .panel,
html[data-ga-theme="clean"] .metric,
html[data-ga-theme="clean"] .admin-card,

html[data-ga-theme="clean"] .page [class*="-card"],
html[data-ga-theme="clean"] .page [class*="-panel"],
html[data-ga-theme="clean"] .page [class*="-toolbar"],
html[data-ga-theme="clean"] .page [class*="-filters"],

html[data-ga-theme="clean"] .uc-modal,
html[data-ga-theme="clean"] .ar-modal {
    background:
        #ffffff !important;

    background-image:
        none !important;

    border-color:
        #dfe5e9 !important;

    box-shadow:
        0 10px 30px
        rgba(35,48,58,.06) !important;
}


/* FORMULARIOS */

html[data-ga-theme="clean"] input,
html[data-ga-theme="clean"] select,
html[data-ga-theme="clean"] textarea {
    background:
        #ffffff !important;

    color:
        #1e262d !important;

    border-color:
        #d5dde3 !important;
}

html[data-ga-theme="clean"] input::placeholder,
html[data-ga-theme="clean"] textarea::placeholder {
    color:
        #9aa4ac !important;
}


/* TABELAS */

html[data-ga-theme="clean"] table {
    background:
        #ffffff !important;
}

html[data-ga-theme="clean"] th {
    background:
        #f1f4f6 !important;

    color:
        #5e6871 !important;

    border-color:
        #e1e6ea !important;
}

html[data-ga-theme="clean"] td {
    color:
        #3f4a53 !important;

    border-color:
        #e8ecef !important;
}


/* BOTÕES */

html[data-ga-theme="clean"] .page button:not(.nav),
html[data-ga-theme="clean"] .admin-card button,
html[data-ga-theme="clean"] .uc-modal button,
html[data-ga-theme="clean"] .ar-modal button {
    border-color:
        #d7dfe5;

    box-shadow:
        none;
}


/* MODAIS */

html[data-ga-theme="clean"] .uc-overlay,
html[data-ga-theme="clean"] .ar-overlay {
    background:
        rgba(220,226,231,.78) !important;
}


/* MENU GESTAO COMISSOES */

html[data-ga-theme="clean"] .commission-admin-nav-group {
    border-color:
        #e1e6ea !important;
}

html[data-ga-theme="clean"] .commission-admin-nav-title {
    color:
        #8a949d !important;
}

html[data-ga-theme="clean"] .commission-admin-menu-button {
    color:
        #53616b !important;

    background:
        #f6f8fa !important;

    border-color:
        #dfe5e9 !important;
}


/* TEMA / INSTALAR */

html[data-ga-theme="clean"] .ga-theme-toggle,
html[data-ga-theme="clean"] .ga-install-app {
    background:
        rgba(255,255,255,.96);

    color:
        #27313a;

    border-color:
        #d5dde3;

    box-shadow:
        0 10px 35px
        rgba(35,48,58,.12);
}


/* ============================================================
   MELHORIA MOBILE
   ============================================================ */

@media (max-width: 950px) {

    .sidebar {
        position:
            sticky !important;

        top: 0;

        z-index:
            50000;

        width:
            100% !important;

        min-height:
            auto !important;

        padding:
            10px 10px !important;

        box-sizing:
            border-box;
    }


    .sidebar .brand {
        padding:
            4px 8px 10px !important;

        font-size:
            23px !important;
    }


    .sidebar nav {
        display:
            flex !important;

        flex-direction:
            row !important;

        gap:
            5px !important;

        overflow-x:
            auto !important;

        scrollbar-width:
            none;
    }


    .sidebar nav::-webkit-scrollbar {
        display:
            none;
    }


    .nav {
        flex:
            0 0 auto;

        width:
            auto !important;

        min-width:
            max-content;

        min-height:
            43px !important;

        padding:
            0 13px !important;
    }


    .commission-admin-nav-group {
        flex:
            0 0 auto;
    }


    .commission-admin-nav-title {
        display:
            none;
    }


    .commission-admin-menu-button {
        min-height:
            43px;
    }


    .main {
        width:
            100% !important;

        margin-left:
            0 !important;

        padding:
            16px !important;

        box-sizing:
            border-box;
    }


    .page {
        width:
            100% !important;

        max-width:
            100% !important;
    }


    .ga-theme-toggle,
    .ga-install-app {
        right:
            12px;

        min-width:
            105px;

        height:
            39px;
    }


    .ga-theme-toggle {
        bottom:
            12px;
    }


    .ga-install-app {
        bottom:
            58px;
    }
}


@media (max-width: 650px) {

    body {
        font-size:
            14px;
    }


    .main {
        padding:
            12px !important;
    }


    .hero h1,
    .page h1 {
        font-size:
            clamp(
                27px,
                9vw,
                36px
            ) !important;
    }


    .page input,
    .page select,
    .page textarea {
        font-size:
            16px !important;
    }


    /*
       16px nos formulários evita o zoom
       automático do iPhone.
    */

    .page button {
        min-height:
            40px;
    }


    .panel,
    .admin-card {
        border-radius:
            12px !important;
    }


    .uc-modal,
    .ar-modal {
        width:
            96vw !important;

        max-height:
            90vh !important;
    }
}


/* ============================================================
   PWA / STANDALONE
   ============================================================ */

@media (display-mode: standalone) {

    body {
        overscroll-behavior:
            none;
    }


    .ga-install-app {
        display:
            none !important;
    }
}

/* ============================================================
   CLEAN V2.1
   CORRECAO DE CONSISTENCIA VISUAL
   ============================================================ */


/* ------------------------------------------------------------
   FUNDO GERAL
   ------------------------------------------------------------ */

html[data-ga-theme="clean"] body,
html[data-ga-theme="clean"] .main,
html[data-ga-theme="clean"] .page {
    background: #f3f6f8 !important;
    color: #1f2933 !important;
}


/* ------------------------------------------------------------
   CABECALHO SUPERIOR
   ------------------------------------------------------------ */

html[data-ga-theme="clean"] .top,
html[data-ga-theme="clean"] .topbar,
html[data-ga-theme="clean"] .main-header,
html[data-ga-theme="clean"] header {
    background: #ffffff !important;
    color: #1c252d !important;
    border-color: #dde4e9 !important;
}

html[data-ga-theme="clean"] #pageTitle,
html[data-ga-theme="clean"] .top h1,
html[data-ga-theme="clean"] .topbar h1 {
    color: #1c252d !important;
}

html[data-ga-theme="clean"] .user-info {
    color: #56616b !important;
    background: #f4f6f8 !important;
    border-color: #dde4e8 !important;
}


/* ============================================================
   FINANCEIRO
   ============================================================ */

html[data-ga-theme="clean"] #financePage,
html[data-ga-theme="clean"] .ga-finance-page,
html[data-ga-theme="clean"] .ga-finance-window {
    background: #f3f6f8 !important;
    color: #1e2831 !important;
}


/* CABECALHO FINANCEIRO */

html[data-ga-theme="clean"] .ga-finance-header,
html[data-ga-theme="clean"] #financePage [class*="hero"] {
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f0f4f6
        ) !important;

    border: 1px solid #dce4e9 !important;
    color: #1c252d !important;
    box-shadow: 0 8px 28px rgba(32,47,58,.05) !important;
}

html[data-ga-theme="clean"] .ga-finance-title,
html[data-ga-theme="clean"] .ga-finance-section-title {
    color: #1b252d !important;
}

html[data-ga-theme="clean"] .ga-finance-subtitle,
html[data-ga-theme="clean"] .ga-finance-muted {
    color: #6e7a84 !important;
}


/* CARDS FINANCEIROS */

html[data-ga-theme="clean"] .ga-finance-card,
html[data-ga-theme="clean"] .ga-finance-big-card,
html[data-ga-theme="clean"] .fx-fin-kpi,
html[data-ga-theme="clean"] .fx-fin-panel,
html[data-ga-theme="clean"] .fx-finance-core,
html[data-ga-theme="clean"] .fx-flow-result,
html[data-ga-theme="clean"] .fx-category-list {
    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #dce4e9 !important;

    color: #1f2933 !important;

    box-shadow:
        0 7px 24px
        rgba(30,45,55,.045) !important;
}


/* TEXTOS DOS CARDS */

html[data-ga-theme="clean"] .ga-finance-card strong,
html[data-ga-theme="clean"] .ga-finance-big-card strong,
html[data-ga-theme="clean"] .fx-fin-kpi strong,
html[data-ga-theme="clean"] .fx-fin-panel strong {
    color: #202a32 !important;
}

html[data-ga-theme="clean"] .ga-finance-card span,
html[data-ga-theme="clean"] .ga-finance-big-card span,
html[data-ga-theme="clean"] .ga-finance-big-card small,
html[data-ga-theme="clean"] .fx-fin-kpi span,
html[data-ga-theme="clean"] .fx-fin-kpi small {
    color: #6e7b86 !important;
}


/* MENU FINANCEIRO */

html[data-ga-theme="clean"] .ga-finance-menu,
html[data-ga-theme="clean"] .fx-finance-menu,
html[data-ga-theme="clean"] #financePage [class*="tabs"] {
    background: #ffffff !important;

    border: 1px solid #dce4e9 !important;

    box-shadow:
        0 5px 18px
        rgba(30,45,55,.04) !important;
}


html[data-ga-theme="clean"] .ga-finance-menu-item {
    color: #596773 !important;
    background: transparent !important;
}


html[data-ga-theme="clean"] .ga-finance-menu-item:hover {
    background: #edf2f5 !important;
    color: #18222a !important;
}


html[data-ga-theme="clean"] .ga-finance-menu-item.active {
    background: #e9eff3 !important;
    color: #172129 !important;
}


/* CONTEUDO FINANCEIRO */

html[data-ga-theme="clean"] .ga-finance-content,
html[data-ga-theme="clean"] .ga-finance-section,
html[data-ga-theme="clean"] .fx-finance-table {
    background: transparent !important;
    color: #26323b !important;
}


/* TABELAS */

html[data-ga-theme="clean"] .ga-finance-table-wrap {
    background: #ffffff !important;
    border-color: #dce4e9 !important;
}

html[data-ga-theme="clean"] .ga-finance-table {
    background: #ffffff !important;
}

html[data-ga-theme="clean"] .ga-finance-table th {
    background: #f1f4f6 !important;
    color: #5b6872 !important;
}

html[data-ga-theme="clean"] .ga-finance-table td {
    color: #36424b !important;
    border-color: #e6ebee !important;
}


/* FORMULARIOS FINANCEIROS */

html[data-ga-theme="clean"] .ga-finance-form {
    background: #ffffff !important;
    color: #1f2933 !important;
    border-color: #dbe3e8 !important;
}

html[data-ga-theme="clean"] .ga-finance-form-header {
    background: #f4f6f8 !important;
    color: #1f2933 !important;
    border-color: #dde4e9 !important;
}

html[data-ga-theme="clean"] .ga-form-grid label {
    color: #586570 !important;
}

html[data-ga-theme="clean"] .ga-form-grid input,
html[data-ga-theme="clean"] .ga-form-grid select,
html[data-ga-theme="clean"] .ga-form-grid textarea {
    background: #ffffff !important;
    color: #1d2830 !important;
    border-color: #d4dde3 !important;
}


/* PAGAMENTOS */

html[data-ga-theme="clean"] .ga-payment-card {
    background: #ffffff !important;
    color: #26313a !important;
    border-color: #dce4e9 !important;
}

html[data-ga-theme="clean"] .ga-payment-value strong {
    color: #1f2933 !important;
}


/* ============================================================
   COMISSIONAMENTO
   ============================================================ */

html[data-ga-theme="clean"] #commissionPage,
html[data-ga-theme="clean"] #commissionAdminPage {
    background: #f3f6f8 !important;
    color: #1f2933 !important;
}


/* HERO */

html[data-ga-theme="clean"] #commissionPage .hero,
html[data-ga-theme="clean"] #commissionPage [class*="hero"],
html[data-ga-theme="clean"] #commissionAdminPage [class*="hero"] {
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #eef3f6
        ) !important;

    background-image:
        linear-gradient(
            135deg,
            #ffffff,
            #eef3f6
        ) !important;

    border: 1px solid #dce4e9 !important;

    box-shadow:
        0 8px 26px
        rgba(30,45,55,.05) !important;
}


html[data-ga-theme="clean"] #commissionPage [class*="hero"] h1,
html[data-ga-theme="clean"] #commissionPage [class*="hero"] h2,
html[data-ga-theme="clean"] #commissionPage [class*="hero"] h3,
html[data-ga-theme="clean"] #commissionPage .hero h1 {
    color: #18232b !important;
}


html[data-ga-theme="clean"] #commissionPage [class*="hero"] p,
html[data-ga-theme="clean"] #commissionPage [class*="hero"] span,
html[data-ga-theme="clean"] #commissionPage [class*="hero"] small {
    color: #6a7883 !important;
}


/* CARDS / KPI */

html[data-ga-theme="clean"] #commissionPage [class*="kpi"],
html[data-ga-theme="clean"] #commissionPage [class*="card"],
html[data-ga-theme="clean"] #commissionPage [class*="panel"],
html[data-ga-theme="clean"] #commissionPage [class*="summary"],
html[data-ga-theme="clean"] #commissionPage [class*="identity"],

html[data-ga-theme="clean"] #commissionAdminPage [class*="card"],
html[data-ga-theme="clean"] #commissionAdminPage [class*="panel"] {
    background: #ffffff !important;
    background-image: none !important;

    border-color: #dce4e9 !important;

    color: #202b33 !important;

    box-shadow:
        0 7px 22px
        rgba(31,45,55,.045) !important;
}


/* TITULOS */

html[data-ga-theme="clean"] #commissionPage h1,
html[data-ga-theme="clean"] #commissionPage h2,
html[data-ga-theme="clean"] #commissionPage h3,
html[data-ga-theme="clean"] #commissionAdminPage h1,
html[data-ga-theme="clean"] #commissionAdminPage h2,
html[data-ga-theme="clean"] #commissionAdminPage h3 {
    color: #18232b !important;
}


/* VALORES */

html[data-ga-theme="clean"] #commissionPage [class*="kpi"] strong,
html[data-ga-theme="clean"] #commissionPage [class*="card"] strong {
    color: #1f2933 !important;
}


/* RECEBIDOS */

html[data-ga-theme="clean"]
#commissionPage [class*="received"] strong,

html[data-ga-theme="clean"]
#commissionPage [class*="paid"] strong,

html[data-ga-theme="clean"]
#commissionPage [class*="success"] strong {
    color: #139a68 !important;
}


/* A RECEBER */

html[data-ga-theme="clean"]
#commissionPage [class*="receiv"] strong,

html[data-ga-theme="clean"]
#commissionPage [class*="pending"] strong {
    color: #c78700 !important;
}


/* ESTORNO / CANCELAMENTO */

html[data-ga-theme="clean"]
#commissionPage [class*="reversal"] strong,

html[data-ga-theme="clean"]
#commissionPage [class*="estorno"] strong,

html[data-ga-theme="clean"]
#commissionPage [class*="cancel"] strong {
    color: #d64b5d !important;
}


/* TEXTOS SECUNDARIOS */

html[data-ga-theme="clean"] #commissionPage small,
html[data-ga-theme="clean"] #commissionPage p,
html[data-ga-theme="clean"] #commissionAdminPage small,
html[data-ga-theme="clean"] #commissionAdminPage p {
    color: #6c7984 !important;
}


/* ABAS */

html[data-ga-theme="clean"] #commissionPage [class*="tabs"],
html[data-ga-theme="clean"] #commissionAdminPage [class*="tabs"] {
    background: #ffffff !important;
    border-color: #dce4e9 !important;
}

html[data-ga-theme="clean"] #commissionPage button.active,
html[data-ga-theme="clean"] #commissionAdminPage button.active {
    background: #e7edf2 !important;
    color: #172129 !important;
}


/* ============================================================
   ADMINISTRACAO
   ============================================================ */

html[data-ga-theme="clean"] #adminPage,
html[data-ga-theme="clean"] #adminContent {
    background: transparent !important;
}

html[data-ga-theme="clean"] #adminPage .admin-card,
html[data-ga-theme="clean"] #adminPage [class*="card"] {
    background: #ffffff !important;
    border-color: #dce4e9 !important;
    color: #202a32 !important;
}


/* ============================================================
   BOTAO DO TEMA
   ============================================================ */

.ga-theme-toggle {
    min-width: 94px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}

html[data-ga-theme="clean"] .ga-theme-toggle {
    background: #ffffff !important;
    color: #26323a !important;
    border-color: #d7e0e6 !important;

    box-shadow:
        0 7px 24px
        rgba(31,45,55,.12) !important;
}


/* ============================================================
   CLEAN - INPUTS
   ============================================================ */

html[data-ga-theme="clean"] input,
html[data-ga-theme="clean"] select,
html[data-ga-theme="clean"] textarea {
    background: #ffffff !important;
    color: #1f2933 !important;
    border-color: #d5dde3 !important;
}


/* ============================================================
   CLEAN - SCROLLBAR
   ============================================================ */

html[data-ga-theme="clean"] ::-webkit-scrollbar-thumb {
    background: #cbd4da !important;
}

html[data-ga-theme="clean"] ::-webkit-scrollbar-track {
    background: #eef2f4 !important;
}