/*
 * ============================================================================
 * Breadcrumb Bar Styles
 * ============================================================================
 * Styles for the breadcrumb navigation bar and back button.
 * ============================================================================
 */

.breadcrumb-bar {
    background: var(--bg-header);
    border: 1px solid var(--border-header);
    border-radius: 4px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--text-header-title);
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.breadcrumb-path {
    font-weight: 500;
    color: var(--color-accent-blue);
    flex: 1;
}

.back-button {
    flex-shrink: 0;
    order: -1; /* Position button before breadcrumb path on desktop */
}

.back-button.invisible {
    visibility: hidden;
    pointer-events: none;
}