body.e2l-workspace-edit-page {
    --e2l-workspace-nav-border: rgba(148, 163, 184, 0.2);
    --e2l-workspace-nav-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    --e2l-workspace-nav-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.94));
}

body.e2l-workspace-edit-page .fi-header {
    display: grid;
    gap: 0.9rem;
    align-items: start;
}

body.e2l-workspace-edit-page .fi-header-heading {
    max-width: 18ch;
    letter-spacing: -0.045em;
    text-wrap: balance;
}

body.e2l-workspace-edit-page .fi-header-actions {
    width: 100%;
}

body.e2l-workspace-edit-page .fi-header-actions-ctn {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    padding: 0.125rem 0 0.5rem;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}

body.e2l-workspace-edit-page .fi-header-actions-ctn .fi-ac,
body.e2l-workspace-edit-page .fi-header-actions-ctn .fi-dropdown,
body.e2l-workspace-edit-page .fi-header-actions-ctn .fi-dropdown-trigger {
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
    max-width: none;
    scroll-snap-align: start;
}

body.e2l-workspace-edit-page .fi-header-actions-ctn .fi-btn {
    width: auto;
    min-height: 3rem;
    padding-inline: 1rem;
    justify-content: flex-start;
    white-space: nowrap;
    border-radius: 1rem;
    box-shadow: none;
}

body.e2l-workspace-edit-page .e2l-workspace-tabs-shell {
    margin-top: 0.25rem;
    border: 1px solid var(--e2l-workspace-nav-border);
    border-radius: 1.25rem;
    background: var(--e2l-workspace-nav-surface);
    box-shadow: var(--e2l-workspace-nav-shadow);
    padding: 0.375rem;
}

body.e2l-workspace-edit-page .e2l-workspace-tabs-shell .fi-tabs {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

body.e2l-workspace-edit-page .e2l-workspace-top-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    overflow-x: auto;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}

body.e2l-workspace-edit-page .e2l-workspace-top-tabs [role="tab"] {
    flex: 0 0 auto;
    min-height: 2.85rem;
    padding-inline: 1rem;
    border-radius: 0.9rem;
    font-weight: 600;
    color: rgb(71 85 105);
    scroll-snap-align: start;
}

body.e2l-workspace-edit-page .e2l-workspace-top-tabs [role="tab"]:hover {
    background: rgba(255, 255, 255, 0.72);
    color: rgb(15 23 42);
}

body.e2l-workspace-edit-page .e2l-workspace-top-tabs [role="tab"][aria-selected="true"] {
    background: rgba(255, 255, 255, 0.96);
    color: rgb(15 23 42);
    box-shadow:
        inset 0 0 0 1px rgba(148, 163, 184, 0.18),
        0 10px 24px rgba(15, 23, 42, 0.08);
}

@media (max-width: 768px) {
    body.e2l-workspace-edit-page .fi-header {
        gap: 0.75rem;
    }

    body.e2l-workspace-edit-page .fi-header-heading {
        max-width: 12ch;
    }

    body.e2l-workspace-edit-page .fi-header-actions-ctn {
        gap: 0.625rem;
        padding-bottom: 0.35rem;
    }

    body.e2l-workspace-edit-page .fi-header-actions-ctn .fi-btn,
    body.e2l-workspace-edit-page .e2l-workspace-top-tabs [role="tab"] {
        min-height: 2.8rem;
    }
}