/* COORDINATED: Breadcrumb Navigation Styles */
.breadcrumb-container {
    display: flex;
    align-items: center;
    /* Remove margin since platform title is hidden */
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    /* KISS: No gap - let separator margins control all spacing */
}

.breadcrumb-item,
.breadcrumb-link {
    display: flex;
    align-items: center;
    padding: var(--space-1) var(--space-1_5);
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-normal);  /* 400 - consistent with all navigation */
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: all var(--duration-200) var(--easing-out);
    text-decoration: none !important;  /* Force no underline */
    font-family: inherit;
}

.breadcrumb-item:hover,
.breadcrumb-link:hover {
    background: var(--bg-surface-hover);
    color: var(--text-body);
}

.breadcrumb-item svg,
.breadcrumb-link svg {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    stroke: currentColor;
}

.breadcrumb-separator {
    display: flex;
    align-items: center;
    color: var(--text-muted);
    margin: 0 var(--space-1_5);
}

.breadcrumb-separator svg {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    stroke: currentColor;
}

.breadcrumb-current {
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    max-width: var(--space-50);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}