@import 'ShiftLogic.Client.3d2rw8oaah.bundle.scp.css';

/* /Components/Pages/Settings/Settings_Main.razor.rz.scp.css */
:root[b-eaokj3gvnz] {
    --header-height: 30px; /* or whatever your nav + h3 uses */
}

.main-content[b-eaokj3gvnz] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

.settings-container[b-eaokj3gvnz] {
    display: flex;
    flex: 1;
    /* height: calc(100vh - var(--header-height)); */
    overflow: hidden; 
}

/* LEFT SIDEBAR */
.settings-sidebar[b-eaokj3gvnz] {
    width: 180px;
    min-width: 180px;
    border-right: 1px solid var(--border);
    background: var(--card);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

/* RIGHT CONTENT AREA */
.list-label[b-eaokj3gvnz] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    padding: 0.75rem 1rem 0.5rem;
    border-bottom: 1px solid var(--border);
}

.list-item[b-eaokj3gvnz] {
    padding: 0.65rem 1rem;
    font-size: 0.9rem;
    color: var(--text-primary);
    cursor: pointer;
    border-bottom: 1px solid var(--border);
    transition: background 0.1s;
}

    .list-item:hover[b-eaokj3gvnz] {
        background: var(--card-alt);
    }

.list-item-active[b-eaokj3gvnz] {
    background: var(--accent);
    color: #fff;
    font-weight: 600;
}

    .list-item-active:hover[b-eaokj3gvnz] {
        background: var(--accent-hover);
    }

/* RIGHT CONTENT AREA */
.settings-editor[b-eaokj3gvnz] {
    flex: 1;
    padding: 1rem;
    background: var(--surface);
    overflow-y: auto;
}