/* ============================================================
   INTRANET GA
   CLEAN V3
   ============================================================ */


/* ============================================================
   PALETA
   ============================================================ */

html[data-ga-theme="clean"] {

    --ga-canvas: #f4f6f8;
    --ga-surface: #ffffff;
    --ga-surface-soft: #f8fafb;

    --ga-border: #dfe5e9;
    --ga-border-soft: #e8edf0;

    --ga-text: #182129;
    --ga-text-2: #485661;
    --ga-text-3: #78848e;

    --ga-dark: #11171d;
    --ga-dark-2: #18212a;

    --ga-green: #149966;
    --ga-red: #d64e59;
    --ga-amber: #c78912;

    color-scheme: light;
}


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

html[data-ga-theme="clean"] body,
html[data-ga-theme="clean"] .main,
html[data-ga-theme="clean"] .page {

    background:
        var(--ga-canvas) !important;

    color:
        var(--ga-text) !important;
}


html[data-ga-theme="clean"] .main {

    background-image:
        none !important;
}


/* ============================================================
   TOPO
   ============================================================ */

html[data-ga-theme="clean"] .top,
html[data-ga-theme="clean"] .topbar,
html[data-ga-theme="clean"] .main-header {

    background:
        rgba(255,255,255,.94) !important;

    border-bottom:
        1px solid var(--ga-border) !important;

    color:
        var(--ga-text) !important;

    box-shadow:
        0 1px 0 rgba(20,30,40,.02) !important;
}


html[data-ga-theme="clean"] #pageTitle {

    color:
        var(--ga-text) !important;
}


html[data-ga-theme="clean"] .user-info {

    background:
        #f7f9fa !important;

    color:
        #46535e !important;

    border:
        1px solid var(--ga-border) !important;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

html[data-ga-theme="clean"] .sidebar {

    background:
        #ffffff !important;

    border-right:
        1px solid var(--ga-border) !important;
}


html[data-ga-theme="clean"] .nav {

    color:
        #55636e !important;
}


html[data-ga-theme="clean"] .nav:hover {

    background:
        #f0f4f6 !important;

    color:
        #17212a !important;
}


html[data-ga-theme="clean"] .nav.active {

    background:
        #e8eef2 !important;

    color:
        #17212a !important;

    box-shadow:
        0 10px 24px
        rgba(41,55,65,.12) !important;
}


html[data-ga-theme="clean"] .commission-admin-menu-button {

    background:
        #f8fafb !important;

    border-color:
        transparent !important;

    color:
        #55636e !important;
}


html[data-ga-theme="clean"]
.commission-admin-menu-button:hover {

    background:
        #edf2f5 !important;

    color:
        #17212a !important;
}


/* ============================================================
   BANNER PRINCIPAL
   SOMENTE ELE CONTINUA ESCURO
   ============================================================ */

html[data-ga-theme="clean"] .hero,

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

html[data-ga-theme="clean"]
#commissionPage [class*="head"]:has(h1),

html[data-ga-theme="clean"]
#commissionPage [class*="head"]:has(h2),

html[data-ga-theme="clean"]
#commissionAdminPage [class*="hero"],

html[data-ga-theme="clean"]
#commissionAdminPage [class*="head"]:has(h1),

html[data-ga-theme="clean"]
#commissionAdminPage [class*="head"]:has(h2),

html[data-ga-theme="clean"]
.ga-finance-header,

html[data-ga-theme="clean"]
.ga-clean-accent {

    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(37,151,190,.14),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #151b22,
            #10161b
        ) !important;

    background-color:
        #11171d !important;

    border:
        1px solid rgba(18,27,34,.12) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 14px 35px
        rgba(28,40,49,.10) !important;
}


/* texto do banner */

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

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

html[data-ga-theme="clean"] .ga-finance-header h1,
html[data-ga-theme="clean"] .ga-finance-header h2,
html[data-ga-theme="clean"] .ga-finance-title {

    color:
        #ffffff !important;
}


html[data-ga-theme="clean"] .hero p,
html[data-ga-theme="clean"] .hero span,
html[data-ga-theme="clean"] .hero small,

html[data-ga-theme="clean"] .ga-clean-accent p,
html[data-ga-theme="clean"] .ga-clean-accent span,
html[data-ga-theme="clean"] .ga-clean-accent small,

html[data-ga-theme="clean"] .ga-finance-subtitle {

    color:
        #9ba9b5 !important;
}


/* ============================================================
   SUPERFICIES DETECTADAS AUTOMATICAMENTE
   ============================================================ */

html[data-ga-theme="clean"]
.ga-clean-surface {

    background:
        var(--ga-surface) !important;

    background-image:
        none !important;

    color:
        var(--ga-text) !important;

    border-color:
        var(--ga-border) !important;

    box-shadow:
        0 7px 24px
        rgba(28,42,52,.045) !important;
}


html[data-ga-theme="clean"]
.ga-clean-surface h1,

html[data-ga-theme="clean"]
.ga-clean-surface h2,

html[data-ga-theme="clean"]
.ga-clean-surface h3,

html[data-ga-theme="clean"]
.ga-clean-surface h4 {

    color:
        var(--ga-text) !important;
}


html[data-ga-theme="clean"]
.ga-clean-surface p,

html[data-ga-theme="clean"]
.ga-clean-surface small,

html[data-ga-theme="clean"]
.ga-clean-surface span {

    color:
        var(--ga-text-2) !important;
}


/* ============================================================
   HOME
   ============================================================ */

html[data-ga-theme="clean"] #homePage .metric,
html[data-ga-theme="clean"] #homePage .panel,
html[data-ga-theme="clean"] #homePage .item {

    background:
        #ffffff !important;

    border-color:
        var(--ga-border) !important;

    color:
        var(--ga-text) !important;
}


html[data-ga-theme="clean"] #homePage .metric {

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


html[data-ga-theme="clean"] #homePage .metric span,
html[data-ga-theme="clean"] #homePage .metric small {

    color:
        #74818c !important;
}


html[data-ga-theme="clean"] #homePage .metric strong {

    color:
        #172129 !important;

    opacity:
        1 !important;
}


html[data-ga-theme="clean"] #homePage .panel h2,
html[data-ga-theme="clean"] #homePage .panel h3,
html[data-ga-theme="clean"] #homePage .panel strong {

    color:
        #1a242c !important;
}


html[data-ga-theme="clean"] #homePage .panel p,
html[data-ga-theme="clean"] #homePage .panel small {

    color:
        #6b7882 !important;
}


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

html[data-ga-theme="clean"] #commissionPage,
html[data-ga-theme="clean"] #commissionAdminPage {

    background:
        transparent !important;
}


/* abas */

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

html[data-ga-theme="clean"]
#commissionAdminPage [class*="tabs"] {

    background:
        #ffffff !important;

    border:
        1px solid var(--ga-border) !important;

    box-shadow:
        none !important;
}


html[data-ga-theme="clean"]
#commissionPage button,

html[data-ga-theme="clean"]
#commissionAdminPage button {

    color:
        #52606b;
}


html[data-ga-theme="clean"]
#commissionPage button.active,

html[data-ga-theme="clean"]
#commissionAdminPage button.active {

    background:
        #e9eff3 !important;

    color:
        #152029 !important;
}


/* cards diretos mais comuns */

html[data-ga-theme="clean"]
#commissionUserContent [class*="card"],

html[data-ga-theme="clean"]
#commissionUserContent [class*="kpi"],

html[data-ga-theme="clean"]
#commissionUserContent [class*="metric"],

html[data-ga-theme="clean"]
#commissionUserContent [class*="identity"],

html[data-ga-theme="clean"]
#commissionUserContent [class*="summary"],

html[data-ga-theme="clean"]
#commissionUserContent [class*="history"],

html[data-ga-theme="clean"]
#commissionUserContent [class*="upcoming"] {

    background:
        #ffffff !important;

    background-image:
        none !important;

    border-color:
        var(--ga-border) !important;

    color:
        var(--ga-text) !important;

    box-shadow:
        0 7px 22px
        rgba(28,42,52,.045) !important;
}


/* textos dos cards */

html[data-ga-theme="clean"]
#commissionUserContent [class*="card"] strong,

html[data-ga-theme="clean"]
#commissionUserContent [class*="kpi"] strong,

html[data-ga-theme="clean"]
#commissionUserContent [class*="metric"] strong {

    color:
        #172129 !important;
}


html[data-ga-theme="clean"]
#commissionUserContent [class*="card"] small,

html[data-ga-theme="clean"]
#commissionUserContent [class*="kpi"] small,

html[data-ga-theme="clean"]
#commissionUserContent [class*="metric"] small {

    color:
        #71808b !important;
}


/* valores semanticos */

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:
        var(--ga-green) !important;
}


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

html[data-ga-theme="clean"]
#commissionPage [class*="pending"] strong {

    color:
        var(--ga-amber) !important;
}


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

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

html[data-ga-theme="clean"]
#commissionPage [class*="danger"] strong {

    color:
        var(--ga-red) !important;
}


/* ============================================================
   GESTAO DE COMISSOES
   ============================================================ */

html[data-ga-theme="clean"]
#commissionAdminContent form,

html[data-ga-theme="clean"]
#commissionAdminContent [class*="builder"],

html[data-ga-theme="clean"]
#commissionAdminContent [class*="plan"],

html[data-ga-theme="clean"]
#commissionAdminContent [class*="form"],

html[data-ga-theme="clean"]
#commissionAdminContent [class*="table-wrap"],

html[data-ga-theme="clean"]
#commissionAdminContent [class*="card"] {

    background:
        #ffffff !important;

    background-image:
        none !important;

    color:
        var(--ga-text) !important;

    border-color:
        var(--ga-border) !important;

    box-shadow:
        0 7px 22px
        rgba(28,42,52,.045) !important;
}


html[data-ga-theme="clean"]
#commissionAdminContent label,

html[data-ga-theme="clean"]
#commissionAdminContent label span,

html[data-ga-theme="clean"]
#commissionAdminContent th {

    color:
        #56646f !important;
}


html[data-ga-theme="clean"]
#commissionAdminContent td {

    color:
        #303c45 !important;
}


/* inputs */

html[data-ga-theme="clean"]
#commissionAdminContent input,

html[data-ga-theme="clean"]
#commissionAdminContent select,

html[data-ga-theme="clean"]
#commissionAdminContent textarea {

    background:
        #f9fbfc !important;

    color:
        #202b33 !important;

    border:
        1px solid #d5dee4 !important;
}


html[data-ga-theme="clean"]
#commissionAdminContent input:focus,

html[data-ga-theme="clean"]
#commissionAdminContent select:focus,

html[data-ga-theme="clean"]
#commissionAdminContent textarea:focus {

    border-color:
        #86aabf !important;

    box-shadow:
        0 0 0 3px
        rgba(92,145,177,.08) !important;
}


/* tabela do plano */

html[data-ga-theme="clean"]
#commissionAdminContent table {

    background:
        #ffffff !important;
}


html[data-ga-theme="clean"]
#commissionAdminContent thead,

html[data-ga-theme="clean"]
#commissionAdminContent th {

    background:
        #f2f5f7 !important;
}


html[data-ga-theme="clean"]
#commissionAdminContent td {

    background:
        #ffffff !important;

    border-color:
        #e7ecef !important;
}


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

html[data-ga-theme="clean"] .ga-finance-window,
html[data-ga-theme="clean"] .ga-finance-page {

    background:
        transparent !important;

    color:
        var(--ga-text) !important;
}


html[data-ga-theme="clean"] .ga-finance-card,
html[data-ga-theme="clean"] .ga-finance-big-card,
html[data-ga-theme="clean"] .ga-finance-menu,
html[data-ga-theme="clean"] .ga-payment-card,
html[data-ga-theme="clean"] .ga-finance-table-wrap,
html[data-ga-theme="clean"] .ga-finance-form {

    background:
        #ffffff !important;

    background-image:
        none !important;

    color:
        var(--ga-text) !important;

    border-color:
        var(--ga-border) !important;

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


html[data-ga-theme="clean"] .ga-finance-card strong,
html[data-ga-theme="clean"] .ga-finance-big-card strong {

    color:
        #18232b !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 {

    color:
        #71808b !important;
}


html[data-ga-theme="clean"] .ga-finance-menu-item {

    background:
        transparent !important;

    color:
        #5b6873 !important;
}


html[data-ga-theme="clean"]
.ga-finance-menu-item.active {

    background:
        #e8eef2 !important;

    color:
        #172129 !important;
}


html[data-ga-theme="clean"]
.ga-finance-section-title {

    color:
        #172129 !important;
}


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

html[data-ga-theme="clean"] .admin-card,
html[data-ga-theme="clean"] .uc-modal,
html[data-ga-theme="clean"] .ar-modal {

    background:
        #ffffff !important;

    background-image:
        none !important;

    border-color:
        var(--ga-border) !important;

    color:
        var(--ga-text) !important;
}


/* ============================================================
   INPUTS GERAIS
   ============================================================ */

html[data-ga-theme="clean"] input,
html[data-ga-theme="clean"] select,
html[data-ga-theme="clean"] textarea {

    background:
        #ffffff !important;

    color:
        #202a32 !important;

    border-color:
        #d5dee4 !important;
}


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

.ga-theme-toggle {

    min-width:
        88px !important;

    height:
        38px !important;

    border-radius:
        10px !important;
}


html[data-ga-theme="clean"]
.ga-theme-toggle {

    background:
        rgba(255,255,255,.97) !important;

    color:
        #25313a !important;

    border:
        1px solid var(--ga-border) !important;

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


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

@media (max-width: 700px) {

    html[data-ga-theme="clean"] .hero,
    html[data-ga-theme="clean"] .ga-clean-accent {

        border-radius:
            14px !important;
    }

}