/*
    DIGITAL TEAM 0.8.2

    Theme layer only.
    No global layout geometry.
*/


/* ==========================================================
   EXECUTIVE
========================================================== */

html[data-ui-style="executive"][data-theme="light"]{
    --accent:#4f46e5;
    --accent-2:#6366f1;

    --text:#172033;
    --muted:#69758a;

    --surface:#ffffff;
    --surface-2:#f6f8fb;

    --border:#dde3ec;
}


html[data-ui-style="executive"][data-theme="light"]
body{

    background:
        #f3f6fa
        !important;

    background-image:
        none
        !important;
}


html[data-ui-style="executive"][data-theme="light"]
.sidebar,

html[data-ui-style="executive"][data-theme="light"]
.topbar{

    background:
        #ffffff
        !important;
}


html[data-ui-style="executive"]
.panel,

html[data-ui-style="executive"]
.metric-card,

html[data-ui-style="executive"]
.integration-card-058,

html[data-ui-style="executive"]
.chief-card-060,

html[data-ui-style="executive"]
.chief-task-060{

    border-radius:
        11px
        !important;

    box-shadow:
        0 1px 2px
        rgba(
            15,
            23,
            42,
            .03
        )
        !important;
}


html[data-ui-style="executive"][data-theme="dark"]{
    --accent:#8b7cff;
    --accent-2:#a397ff;

    --text:#f6f7fb;
    --muted:#929bad;

    --surface:#171b24;
    --surface-2:#1d222d;

    --border:#303746;
}


html[data-ui-style="executive"][data-theme="dark"]
body{

    background:
        #10131a
        !important;

    background-image:
        none
        !important;
}


/* ==========================================================
   AI NEXUS
========================================================== */

html[data-ui-style="nexus"][data-theme="dark"]{
    --accent:#dff52c;
    --accent-2:#bddd19;

    --text:#f8f8f5;
    --muted:#92958f;

    --surface:#101111;
    --surface-2:#171818;

    --border:#292b29;
}


html[data-ui-style="nexus"][data-theme="dark"]
body{

    background:
        #070808
        !important;

    background-image:
        none
        !important;
}


html[data-ui-style="nexus"][data-theme="dark"]
.sidebar,

html[data-ui-style="nexus"][data-theme="dark"]
.topbar{

    background:
        #090a0a
        !important;
}


html[data-ui-style="nexus"][data-theme="dark"]
.primary{

    background:
        #dff52c
        !important;

    border-color:
        #dff52c
        !important;

    color:
        #090a09
        !important;
}


html[data-ui-style="nexus"][data-theme="light"]{
    --accent:#151719;
    --accent-2:#34383c;

    --text:#111315;
    --muted:#6c7175;

    --surface:#ffffff;
    --surface-2:#f1f2f3;

    --border:#dadcde;
}


html[data-ui-style="nexus"][data-theme="light"]
body{

    background:
        #eef0f1
        !important;

    background-image:
        none
        !important;
}


html[data-ui-style="nexus"]
.panel,

html[data-ui-style="nexus"]
.metric-card,

html[data-ui-style="nexus"]
.integration-card-058,

html[data-ui-style="nexus"]
.chief-card-060,

html[data-ui-style="nexus"]
.chief-task-060,

html[data-ui-style="nexus"]
.ai-chat-history,

html[data-ui-style="nexus"]
.ai-chat-workspace{

    border-radius:
        4px
        !important;

    box-shadow:
        none
        !important;
}


/* ==========================================================
   APPEARANCE CONTROLS
========================================================== */

.dt-appearance-082{

    border:
        1px solid
        var(--border);

    border-radius:
        10px;

    background:
        var(--surface);

    padding:
        16px;

    margin-bottom:
        16px;
}


.dt-appearance-grid-082{

    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        12px;
}


.dt-appearance-grid-082
label{

    display:block;

    margin-bottom:
        5px;

    color:
        var(--muted);
}


.dt-appearance-grid-082
select{

    width:
        100%;
}


#dtThemeButton082{

    width:
        38px;

    height:
        38px;

    min-width:
        38px;

    padding:
        0;

    display:
        inline-grid;

    place-items:
        center;

    border:
        1px solid
        var(--border);

    border-radius:
        8px;

    background:
        var(--surface);

    color:
        var(--text);

    cursor:
        pointer;
}


@media(max-width:620px){

    .dt-appearance-grid-082{

        grid-template-columns:
            1fr;
    }
}