/* ==========================================================
   SOC 4.0
   COMPACT DESKTOP / BROWSER FALLBACK LAYOUT
========================================================== */

.mission-main {
    padding:
        12px
        16px
        20px;
}


/* ==========================================================
   KPI BAR
========================================================== */

[data-view-panel="dashboard"]
.pulse-grid {
    grid-template-columns:
        repeat(
            7,
            minmax(
                0,
                1fr
            )
        );

    gap:
        8px;

    margin-bottom:
        10px;
}


[data-view-panel="dashboard"]
.pulse-card {
    min-height:
        82px;

    padding:
        10px
        11px;

    border-radius:
        14px;
}


[data-view-panel="dashboard"]
.pulse-card strong {
    margin-top:
        7px;

    font-size:
        1.45rem;
}


[data-view-panel="dashboard"]
.pulse-card small {
    margin-top:
        4px;

    font-size:
        0.55rem;
}


[data-view-panel="dashboard"]
.pulse-card-top {
    font-size:
        0.54rem;
}


.pulse-card.blue {
    color:
        #66a8ff;
}


.pulse-card.blue::before {
    background:
        #66a8ff;
}


.gb-members-card {
    cursor:
        pointer;
}


.gb-members-card:hover {
    border-color:
        rgba(
            102,
            168,
            255,
            0.38
        );

    transform:
        translateY(
            -1px
        );
}


/* ==========================================================
   COMPACT MISSION DECK
========================================================== */

[data-view-panel="dashboard"]
.mission-nexus {
    display:
        grid;

    grid-template-columns:
        minmax(
            220px,
            0.58fr
        )
        minmax(
            310px,
            0.76fr
        )
        minmax(
            420px,
            1.12fr
        );

    min-height:
        230px;

    margin-bottom:
        9px;
}


[data-view-panel="dashboard"]
.nexus-radar,
[data-view-panel="dashboard"]
.platform-network,
[data-view-panel="dashboard"]
.nexus-feed {
    min-height:
        230px;
}


[data-view-panel="dashboard"]
.platform-network {
    overflow:
        hidden;
}


.nexus-command-header {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    min-height:
        61px;

    padding:
        9px
        12px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.055
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                155,
                108,
                255,
                0.055
            ),
            rgba(
                40,
                231,
                255,
                0.025
            )
        );
}


.nexus-welcome {
    display:
        flex;

    flex-direction:
        column;

    min-width:
        0;
}


.nexus-welcome strong {
    overflow:
        hidden;

    color:
        #f4f6ff;

    font-size:
        0.92rem;

    line-height:
        1.2;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;
}


.nexus-welcome small {
    margin-top:
        3px;

    color:
        var(
            --muted
        );

    font-size:
        0.55rem;

    font-weight:
        800;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;
}


.nexus-command-header
.heading-tools {
    flex:
        0
        0
        auto;

    gap:
        7px;
}


.nexus-command-header
.live-clock {
    padding:
        8px
        9px;

    font-size:
        0.72rem;
}


.nexus-command-header
.refresh-button {
    height:
        34px;

    padding:
        0
        10px;

    font-size:
        0.63rem;
}


[data-view-panel="dashboard"]
.nexus-feed > header {
    min-height:
        34px;

    padding:
        0
        12px;
}


[data-view-panel="dashboard"]
#nexusActivity {
    max-height:
        132px;
}


/* ==========================================================
   MISSION TICKER
========================================================== */

.mission-ticker {
    display:
        grid;

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

    align-items:
        center;

    min-height:
        34px;

    margin-bottom:
        10px;

    overflow:
        hidden;

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

    border-radius:
        12px;

    background:
        linear-gradient(
            90deg,
            rgba(
                40,
                231,
                255,
                0.045
            ),
            rgba(
                155,
                108,
                255,
                0.035
            )
        );
}


.mission-ticker-live {
    display:
        inline-flex;

    align-items:
        center;

    align-self:
        stretch;

    padding:
        0
        11px;

    color:
        var(
            --green
        );

    border-right:
        1px solid
        var(
            --panel-line
        );

    font-size:
        0.55rem;

    font-weight:
        900;

    letter-spacing:
        0.12em;
}


.mission-ticker-live::before {
    content:
        "";

    width:
        6px;

    height:
        6px;

    margin-right:
        7px;

    border-radius:
        50%;

    background:
        var(
            --green
        );

    box-shadow:
        0 0 11px
        rgba(
            62,
            255,
            154,
            0.78
        );
}


.mission-ticker-window {
    min-width:
        0;

    overflow:
        hidden;
}


.mission-ticker-track {
    width:
        max-content;

    padding-left:
        100%;

    color:
        #aeb6ca;

    font-size:
        0.61rem;

    font-weight:
        700;

    white-space:
        nowrap;

    animation:
        missionTickerScroll
        28s
        linear
        infinite;
}


.mission-ticker:hover
.mission-ticker-track {
    animation-play-state:
        paused;
}


@keyframes missionTickerScroll {

    from {
        transform:
            translateX(
                0
            );
    }

    to {
        transform:
            translateX(
                -100%
            );
    }

}


/* ==========================================================
   CHAT + NEW TOOL SPACE
========================================================== */

[data-view-panel="dashboard"]
.command-grid {
    display:
        block;
}


.dashboard-work-row {
    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            0.58fr
        )
        minmax(
            370px,
            0.42fr
        );

    gap:
        12px;

    align-items:
        stretch;

    margin-bottom:
        12px;
}


.dashboard-work-row
.chat-panel {
    grid-column:
        auto;

    width:
        100%;

    min-width:
        0;

    min-height:
        405px;
}


.dashboard-work-row
.chat-cockpit-layout {
    grid-template-columns:
        minmax(
            0,
            1fr
        )
        225px;
}


.dashboard-work-row
.chat-feed {
    max-height:
        270px;
}


.dashboard-tools-panel {
    min-width:
        0;

    min-height:
        405px;

    overflow:
        hidden;

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

    border-radius:
        var(
            --radius
        );

    background:
        linear-gradient(
            160deg,
            rgba(
                17,
                20,
                31,
                0.88
            ),
            rgba(
                9,
                11,
                18,
                0.86
            )
        );

    box-shadow:
        var(
            --shadow
        );
}


.dashboard-tool-tabs,
.dashboard-operation-tabs {
    display:
        flex;

    align-items:
        center;

    gap:
        4px;

    min-height:
        50px;

    padding:
        7px
        9px;

    overflow-x:
        auto;

    border-bottom:
        1px solid
        var(
            --panel-line
        );

    scrollbar-width:
        none;
}


.dashboard-tool-tabs::-webkit-scrollbar,
.dashboard-operation-tabs::-webkit-scrollbar {
    display:
        none;
}


.dashboard-tool-tabs button,
.dashboard-operation-tabs button {
    flex:
        0
        0
        auto;

    min-height:
        32px;

    padding:
        0
        11px;

    border:
        1px solid
        transparent;

    border-radius:
        10px;

    color:
        var(
            --muted
        );

    background:
        transparent;

    font-size:
        0.61rem;

    font-weight:
        800;
}


.dashboard-tool-tabs button:hover,
.dashboard-operation-tabs button:hover {
    color:
        #fff;

    background:
        rgba(
            255,
            255,
            255,
            0.035
        );
}


.dashboard-tool-tabs button.active,
.dashboard-operation-tabs button.active {
    color:
        var(
            --cyan
        );

    border-color:
        rgba(
            40,
            231,
            255,
            0.18
        );

    background:
        rgba(
            40,
            231,
            255,
            0.065
        );
}


.dashboard-tool-body {
    min-height:
        353px;
}


.dashboard-tool-page,
.dashboard-operation-page {
    display:
        none;
}


.dashboard-tool-page.active,
.dashboard-operation-page.active {
    display:
        block;
}


.tool-placeholder {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        350px;

    padding:
        24px;

    text-align:
        center;
}


.tool-placeholder > span {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        62px;

    height:
        62px;

    border:
        1px solid
        rgba(
            40,
            231,
            255,
            0.17
        );

    border-radius:
        20px;

    color:
        var(
            --cyan
        );

    background:
        rgba(
            40,
            231,
            255,
            0.045
        );

    font-size:
        1.45rem;
}


.tool-placeholder strong {
    margin-top:
        13px;

    font-size:
        0.82rem;
}


.tool-placeholder small {
    max-width:
        280px;

    margin-top:
        6px;

    color:
        var(
            --muted
        );

    font-size:
        0.63rem;

    line-height:
        1.55;
}


/* ==========================================================
   EVERYTHING BELOW CHAT = TABS
========================================================== */

.dashboard-operations {
    overflow:
        hidden;

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

    border-radius:
        var(
            --radius
        );

    background:
        linear-gradient(
            160deg,
            rgba(
                17,
                20,
                31,
                0.88
            ),
            rgba(
                9,
                11,
                18,
                0.86
            )
        );

    box-shadow:
        var(
            --shadow
        );
}


.dashboard-operation-body {
    min-height:
        250px;
}


.dashboard-operation-page
.mission-panel {
    min-height:
        250px;

    border:
        0;

    border-radius:
        0;

    box-shadow:
        none;

    background:
        transparent;
}


.dashboard-operation-page
.activity-panel,
.dashboard-operation-page
.alert-panel,
.dashboard-operation-page
.team-panel,
.dashboard-operation-page
.system-panel {
    min-height:
        250px;
}


.dashboard-operation-page
.activity-stream,
.dashboard-operation-page
.alert-stack,
.dashboard-operation-page
.moderator-list {
    max-height:
        205px;
}


/* ==========================================================
   DESKTOP FALLBACK
========================================================== */

@media (
    max-width:
        1500px
) {

    [data-view-panel="dashboard"]
    .pulse-grid {
        grid-template-columns:
            repeat(
                7,
                minmax(
                    0,
                    1fr
                )
            );
    }


    [data-view-panel="dashboard"]
    .pulse-card {
        padding:
            9px
            8px;
    }


    [data-view-panel="dashboard"]
    .pulse-card strong {
        font-size:
            1.25rem;
    }


    [data-view-panel="dashboard"]
    .mission-nexus {
        grid-template-columns:
            205px
            minmax(
                290px,
                0.72fr
            )
            minmax(
                380px,
                1fr
            );
    }


    .dashboard-work-row {
        grid-template-columns:
            minmax(
                0,
                0.6fr
            )
            minmax(
                340px,
                0.4fr
            );
    }

}

/* ==========================================================
   SOC MISSION DECK ONE-SCREEN V4 2026-08-12
   Live Activity heeft links een eigen view; Alerts gaat naar
   Reports. Staff Energy + System Core staan compact onder
   Identity Monitor zodat Mission Deck geen extra onderblok
   meer nodig heeft.
========================================================== */

[data-view-panel="dashboard"] .command-grid {
    min-height: 0;
}

[data-view-panel="dashboard"] .dashboard-work-row {
    margin-bottom: 0;
}

.dashboard-legacy-data-host[hidden] {
    display: none !important;
}

.dashboard-tools-panel {
    min-height: 405px;
}

.dashboard-tool-body {
    min-height: 353px;
    height: 353px;
    overflow: hidden;
}

.dashboard-tool-page[data-dashboard-tool-page="identity"] {
    height: 100%;
    padding: 8px;
    overflow: hidden;
}

.identity-monitor-summary {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 7px 9px;
    margin-bottom: 7px;
    border: 1px solid rgba(40, 231, 255, 0.10);
    border-radius: 11px;
    background: rgba(40, 231, 255, 0.025);
}

.identity-monitor-orb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border: 1px solid rgba(40, 231, 255, 0.18);
    border-radius: 10px;
    color: var(--cyan);
    background: rgba(40, 231, 255, 0.055);
    font-size: 0.88rem;
}

.identity-monitor-summary strong,
.identity-monitor-summary small {
    display: block;
}

.identity-monitor-summary strong {
    color: #f4f6ff;
    font-size: 0.69rem;
}

.identity-monitor-summary small {
    margin-top: 2px;
    color: var(--muted);
    font-size: 0.54rem;
}

.identity-operations-stack {
    display: grid;
    grid-template-rows: minmax(0, auto) minmax(0, 1fr);
    gap: 7px;
    height: calc(100% - 49px);
    min-height: 0;
}

.dashboard-embedded-panel {
    min-height: 0 !important;
    overflow: hidden;
    border-radius: 11px;
    box-shadow: none;
}

.dashboard-embedded-panel .panel-header {
    min-height: 36px;
    padding: 6px 9px;
}

.dashboard-embedded-panel .panel-header h2 {
    font-size: 0.72rem;
}

.dashboard-embedded-panel .panel-kicker {
    font-size: 0.48rem;
}

.dashboard-staff-panel .panel-action {
    min-height: 27px;
    padding: 0 8px;
    border-radius: 8px;
    font-size: 0.54rem;
}

.dashboard-staff-panel .moderator-list {
    max-height: 86px;
    overflow-y: auto;
}

.dashboard-staff-panel .moderator-item {
    grid-template-columns: 28px 1fr auto;
    gap: 7px;
    padding: 5px 8px;
}

.dashboard-staff-panel .moderator-item .chat-avatar {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    font-size: 0.58rem;
}

.dashboard-staff-panel .moderator-item strong {
    font-size: 0.62rem;
}

.dashboard-staff-panel .moderator-item small {
    font-size: 0.53rem;
}

.dashboard-staff-panel .moderator-status-dot {
    width: 6px;
    height: 6px;
}

.dashboard-staff-panel .team-boost {
    display: none;
}

.dashboard-system-panel .system-score {
    font-size: 0.76rem;
}

.dashboard-system-panel .resource-list {
    gap: 5px;
    padding: 7px 9px;
}

.dashboard-system-panel .resource-row {
    grid-template-columns: 36px 1fr 40px;
    gap: 7px;
    min-height: 20px;
}

.dashboard-system-panel .resource-row > span,
.dashboard-system-panel .resource-row strong {
    font-size: 0.54rem;
}

.dashboard-system-panel .resource-track {
    height: 5px;
}

.dashboard-system-panel .system-facts span {
    padding: 6px 4px;
}

.dashboard-system-panel .system-facts small {
    font-size: 0.45rem;
}

.dashboard-system-panel .system-facts strong {
    margin-top: 2px;
    font-size: 0.56rem;
}

@media (max-height: 900px) {
    [data-view-panel="dashboard"] .dashboard-work-row,
    [data-view-panel="dashboard"] .dashboard-work-row .chat-panel,
    [data-view-panel="dashboard"] .dashboard-tools-panel {
        min-height: 385px;
    }

    .dashboard-tool-body {
        min-height: 333px;
        height: 333px;
    }

    .dashboard-staff-panel .moderator-list {
        max-height: 72px;
    }
}