/* Paleta SGL por cima dos tokens Clan. Só entra com data-flavour="sgl". */

html[data-flavour="sgl"] {
    --graphite: #23292E;
    --farda: #535E5B;
    --teel-verde: #0E7C66;
    --lima: #B6F23E;
    --nevoa: #F4F6F5;

    --clan-primary: #23292E;
    --clan-accent: #0E7C66;
    --clan-highlight: #B6F23E;
    --clan-bg: #F4F6F5;
    --clan-surface: #ffffff;
    --clan-surface-alt: #EAEEEC;
    --clan-text: #23292E;
    --clan-text-muted: #535E5B;
    --clan-sidebar-bg: #23292E;
    --clan-sidebar-active-bg: #B6F23E;
    --clan-border: #DDE3E0;
}

html[data-flavour="sgl"] body.page-sidebar-mini,
html[data-flavour="sgl"] .page-content {
    background-color: #F4F6F5;
}

html[data-flavour="sgl"] .nav-clan-active,
html[data-flavour="sgl"] .nav-clan-active a {
    background-color: #B6F23E !important;
    color: #23292E !important;
}

html[data-flavour="sgl"] .nav-clan-active .text-white,
html[data-flavour="sgl"] .nav-clan-active .sidebar-text {
    color: #23292E !important;
}

html[data-flavour="sgl"] .menu-badge {
    background: #B6F23E;
    color: #23292E;
}

html[data-flavour="sgl"] .nav-clan-active .menu-badge {
    background: #23292E;
    color: #F4F6F5;
}

html[data-flavour="sgl"] .login-brand {
    background: #23292E;
}

html[data-flavour="sgl"] .login-brand-tagline span {
    color: #B6F23E;
}

html[data-flavour="sgl"] .login-feature-icon {
    color: #B6F23E;
}

html[data-flavour="sgl"] .login-step.active,
html[data-flavour="sgl"] .login-form-header h1,
html[data-flavour="sgl"] .login-field label {
    color: #23292E;
}

html[data-flavour="sgl"] .login-step.done {
    color: #0E7C66;
}

html[data-flavour="sgl"] .login-step.active .login-step-dot {
    background: #23292E;
    color: #F4F6F5;
}

html[data-flavour="sgl"] .login-step.done .login-step-dot {
    background: #0E7C66;
    color: #F4F6F5;
}

html[data-flavour="sgl"] .login-field input:focus {
    border-color: #0E7C66;
    color: #23292E;
}

html[data-flavour="sgl"] .login-btn {
    background: #B6F23E;
    color: #23292E;
}

html[data-flavour="sgl"] .login-btn:hover,
html[data-flavour="sgl"] .login-btn:focus {
    background: #9ED42A;
    color: #23292E;
}

html[data-flavour="sgl"] .login-email-badge i,
html[data-flavour="sgl"] a.login-back {
    color: #0E7C66;
}

html[data-flavour="sgl"] .db-hero {
    background: #23292E;
}

html[data-flavour="sgl"] .db-hero-bg {
    background-image:
        radial-gradient(circle at 80% 40%, rgba(14, 124, 102, .45) 0%, transparent 55%),
        radial-gradient(circle at 96% 8%, rgba(182, 242, 62, .22) 0%, transparent 42%);
}

html[data-flavour="sgl"] .db-hero-badge-val {
    color: #B6F23E;
}

html[data-flavour="sgl"] .db-kpi {
    border-top-color: #0E7C66;
}

html[data-flavour="sgl"] .config-company-btn:hover {
    border-color: #0E7C66;
    box-shadow: 0 4px 14px rgba(14, 124, 102, .12);
}

html[data-flavour="sgl"] .config-company-active {
    border-color: #0E7C66;
    background: linear-gradient(0deg, rgba(14, 124, 102, .08), rgba(14, 124, 102, .08)), #fff;
}

html[data-flavour="sgl"] .config-badge-active {
    color: #0E7C66;
    background: #E7F6F2;
}

html[data-flavour="sgl"] .config-select-hint {
    color: #0E7C66;
}

html[data-flavour="sgl"] #clan-loader {
    background: #23292E !important;
}

html[data-flavour="sgl"] #cl-bg {
    background-image:
        radial-gradient(circle at 20% 50%, rgba(14, 124, 102, .45) 0%, transparent 55%),
        radial-gradient(circle at 80% 20%, rgba(182, 242, 62, .18) 0%, transparent 45%) !important;
}