@use '../node_modules/morphux/style.css';

@use './dashboard.scss';
@use './tabs.scss';
@use './calibration.scss';

:root {
    --mux-primary-color: #247476;
    --mux-primary-off-color: #1d5253;

}

body {
    &:not(.ntsh_service) {
        .ntsh_buttons {
            display: none;
        }

        .mux_menubar-locater.mux_left {
            .mux_menubar-item:not([uid="restart_installation"], [uid="shutdown_installation"]) {
                display: none;
            }
        }

        .only-service {
            display: none;
        }
    }

    &.ntsh_service {
        .no-service {
            display: none;
        }
    }

}

.sn {
    position: absolute;
    inset: 0px;
    overflow: hidden;

    .ntsh_menubar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 100%;

        .mux_menubar {
            .mux_menubar-item.mux_menubar-item-selected {
                background: var(--mux-primary-off-color);
            }
        }
    }

    .ntsh_logs {
        position: absolute;
        inset: 0px;
        box-sizing: border-box;
        padding: var(--mux-edge-offset);
        font-family: monospace;
        background: black;
        overflow-y: auto;

        .ntsh_log {
            &.ntsh_log-fill {
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #939393;
            }

            &.ntsh_log-normal {
                color: #c7c7c7;
            }
        }
    }
}

.ntsh_shutdown {
    position: absolute;
    inset: 0px;
    z-index: 10000;
    background: var(--mux-bg-color);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--mux-edge-offset);

    .material-symbols-outlined {
        margin-bottom: var(--mux-edge-offset);
        font-size: 60px;
        color: #919191;
    }
}