/* Role workspace shell styles (Wave 4 / T-L).
   Uses --ds-* tokens only. Progressive disclosure for secondary nav. */

html[data-workspace] .workspace-more-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ds-space-2);
    width: 100%;
    margin-block-start: var(--ds-space-2);
    padding-block: var(--ds-space-3);
    padding-inline: var(--ds-space-3);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-alt);
    color: var(--ds-text-secondary);
    font-family: var(--ds-font-sans);
    font-size: var(--ds-text-sm);
    font-weight: 600;
    cursor: pointer;
}

html[data-workspace] .workspace-more-toggle:hover {
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border-color: var(--ds-border-strong);
}

html[data-workspace] .workspace-more-toggle:focus-visible {
    outline: 2px solid var(--ds-accent);
    outline-offset: 2px;
}

html[data-workspace] .workspace-more-label::before {
    content: '';
    /* spacer hook for future icon; keep label text authoritative */
}

html[data-workspace] .workspace-more-icon,
html[data-workspace] .workspace-more-chevron {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

html[data-workspace] .workspace-more-chevron {
    width: 14px;
    height: 14px;
    transition: transform var(--ds-duration-fast, 120ms) var(--ds-ease-standard);
}

html[data-workspace-more="open"] .workspace-more-chevron {
    transform: rotate(180deg);
}

/* Secondary destinations stay out of the way until More is opened. */
html[data-workspace-more="closed"] .nav-item[data-workspace-tier="secondary"],
html[data-workspace-more="closed"] .mbn-item[data-workspace-tier="secondary"] {
    display: none !important;
}

html[data-workspace-more="closed"] .nav-section:not(:has(.nav-item[data-workspace-tier="primary"])) {
    display: none;
}

html[data-workspace-more="open"] .workspace-more-toggle {
    color: var(--ds-text-primary);
    border-color: var(--ds-border-strong);
}

html[data-workspace] .nav-item[data-workspace-tier="secondary"],
html[data-workspace] .mbn-item[data-workspace-tier="secondary"] {
    opacity: 0.92;
}

/* Collapsed sidebar: keep More reachable as an icon-only 44px control.
   Hiding it left Settings, Team and Reports unreachable for an owner whose
   sidebar starts collapsed. */
#sidebar.collapsed .workspace-more-toggle {
    min-height: var(--ds-touch-target);
    padding-inline: 0;
    position: relative;
    /* A filled pill here read as the active page; match idle nav icons. */
    background: transparent;
    border-color: transparent;
    color: inherit;
}

#sidebar.collapsed .workspace-more-label,
#sidebar.collapsed .workspace-more-chevron {
    display: none;
}

#sidebar.collapsed .workspace-more-toggle:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    inset-inline-start: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    padding: 4px 8px;
    border-radius: var(--ds-radius-sm);
    background: var(--ds-text-primary);
    color: var(--ds-surface);
    font-size: var(--ds-text-xs);
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}