/* One workspace navigation skin for Dashboard, every workflow, and Settings.
   Keep page-specific skins out of the shared header. */
body.workspace-shell-active #dashboard-sidebar {
    --font-main: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background:#fafaf9 !important; border-color:#dedfdf !important;
    border-radius:0 !important; box-shadow:none !important; background-image:none !important;
    transition:none !important;
}
body.workspace-shell-active #dashboard-sidebar :is(#btn-dash-main,.sidebar-btn,.workflow-steps-group) {
    border:0 !important; background:transparent !important; color:#242624 !important;
    border-radius:5px !important; box-shadow:none !important; font-weight:400 !important;
    background-image:none !important; transform:none !important; clip-path:none !important;
    transition:none !important;
}
body.workspace-shell-active #dashboard-sidebar :is(#btn-dash-main,.sidebar-btn):hover {
    background:#eeefed !important; box-shadow:none !important;
}
body.workspace-shell-active #dashboard-sidebar :is(#btn-dash-main,.sidebar-btn).active {
    background:#e0f0e2 !important; color:#242624 !important;
    box-shadow:inset 0 -1px #b6d9bd !important; font-weight:500 !important;
}
body.workspace-shell-active #dashboard-sidebar .sidebar-btn-label {
    font-size:inherit !important; font-weight:inherit !important; color:inherit !important;
}
/* Desktop utilities: one baseline, shared type and quiet surfaces. */
@media (min-width: 901px) {
    body.workspace-shell-active .main-header { display:none !important; }
    body.workspace-shell-active #dashboard-sidebar :is(#btn-dash-main,.sidebar-btn) {
        height:48px !important; min-height:48px !important;
        font-size:var(--workspace-topbar-step-font,14px) !important;
    }
    body.workspace-shell-active #dashboard-sidebar button:focus-visible {
        outline:2px solid #557660 !important; outline-offset:2px;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer {
        --topbar-utility-height: 40px;
        --font-main: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
        display:flex; align-items:center; gap:8px; padding:0; margin:0;
        font-size:var(--workspace-topbar-step-font,13px); line-height:1;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .sidebar-group {
        display:flex; align-items:center; gap:8px; margin:0; padding:0;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer :is(
        .sidebar-utility-btn,.sidebar-logout-btn,.workspace-sidebar-language,.workspace-sidebar-user-card
    ) {
        box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
        height:var(--topbar-utility-height) !important; min-height:var(--topbar-utility-height) !important;
        margin:0 !important; transform:none !important; align-self:center;
        border:1px solid transparent !important; border-radius:5px !important;
        background:transparent !important; box-shadow:none !important; color:#242624 !important;
        font-size:inherit !important; font-weight:400 !important; line-height:1 !important;
        transition:none !important;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer :is(.sidebar-utility-btn,.sidebar-logout-btn) {
        width:var(--topbar-utility-height) !important; min-width:var(--topbar-utility-height) !important;
        padding:0 !important; flex-shrink:0;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .user-guide-toggle {
        width:auto !important; min-width:0 !important; padding:0 10px !important; gap:8px;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .user-guide-toggle span:last-child {
        font-size:inherit !important; font-weight:400 !important; line-height:1 !important;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .sidebar-btn-icon {
        display:inline-flex; align-items:center; justify-content:center;
        width:18px !important; height:18px !important; min-width:18px;
        margin:0 !important; padding:0; font-size:18px !important; line-height:1 !important;
        color:inherit !important; transform:none !important;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .workspace-topbar-divider {
        flex:0 0 1px; height:22px; align-self:center; background:#dedfdf; margin:0 2px;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .workspace-sidebar-language { padding:0 8px !important; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .workspace-sidebar-language-switch { height:100%; gap:4px; align-items:center; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .lang-btn {
        display:inline-flex; align-items:center; justify-content:center; height:100%; min-height:0 !important;
        min-width:0; margin:0; padding:0 2px !important; border:0 !important; border-radius:2px !important;
        font-size:inherit !important; font-weight:400 !important; line-height:1 !important;
        background:transparent !important; color:#686b70 !important; box-shadow:none !important;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .lang-btn.active { color:#191a19 !important; font-weight:500 !important; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .divider { color:#a4a6a4; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .workspace-sidebar-user-card { padding:0 6px !important; gap:8px; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .workspace-sidebar-avatar {
        display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px;
        border-radius:50% !important; background:#d9eddf !important; color:#305e3c !important;
        font-size:12px !important; font-weight:500; line-height:1;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer #sidebar-username {
        display:block; font-size:inherit !important; font-weight:400 !important; line-height:1.2 !important;
        color:#242624 !important; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer #sidebar-role {
        display:inline-flex; align-items:center; min-height:22px; padding:3px 7px;
        border:0 !important; border-radius:3px !important; background:#eeefed !important; color:#686b70;
        font-size:11px !important; font-weight:400; line-height:1;
    }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer #sidebar-role:empty { display:none; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer :is(.sidebar-utility-btn,.sidebar-logout-btn):hover:not(:disabled),
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .lang-btn:hover { background:#eeefed !important; color:#191a19 !important; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer .user-guide-toggle.active { background:#e5eee5 !important; color:#305e3c !important; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer #workspace-sidebar-settings-btn.active { background:#e0f0e2 !important; color:#305e3c !important; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer button:focus-visible { outline:2px solid #557660 !important; outline-offset:2px; }
    body.workspace-shell-active #dashboard-sidebar.dashboard-topbar .sidebar-footer [hidden] { display:none !important; }
}