/* Space Name Display in Header */
.title-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.space-name-container {
    position: fixed;
    top: 15px;
    right: 50px;
    /* Keep the same right positioning */
    z-index: 100;
    display: flex;
    align-items: baseline;
    gap: 8px;
    pointer-events: none;
    /* Let clicks pass through if needed, though usually buttons are clickable */
}

.space-name-display {
    font-size: 1.2rem;
    color: var(--text-secondary);
    font-weight: 500;
    opacity: 0.8;
    pointer-events: auto;
    cursor: pointer;
    transition: opacity 0.2s;
}

.space-name-display:hover {
    opacity: 1;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.user-plan-display {
    font-size: 0.8rem;
    /* Slightly smaller than space name */
    color: var(--text-secondary);
    opacity: 0.6;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.space-type-display {
    font-size: 0.8rem;
    color: var(--text-secondary);
    opacity: 0.6;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}