/* breadcrumb.css - Compact & Clean Design */
.compact-breadcrumb { 
    display: flex; 
    align-items: center; 
    flex-wrap: wrap; 
    margin-bottom: 16px;
    gap: 6px;
}

.crumb-link { 
    display: flex;
    align-items: center;
    background: var(--bg-card); 
    padding: 6px 12px; 
    border-radius: 8px; 
    border: 1px solid var(--border); 
    font-size: 13px; 
    font-weight: 600;
    color: var(--text-muted); 
    text-decoration: none; 
    transition: all 0.2s;
}

.crumb-link:hover { 
    color: var(--primary); 
    border-color: var(--primary-soft);
    background: var(--primary-soft);
}

.crumb-link.current { 
    color: var(--primary); 
    background: var(--primary-soft);
    border-color: rgba(59, 130, 246, 0.2);
    pointer-events: none; 
}

.crumb-sep { 
    display: flex;
    align-items: center;
    color: var(--text-muted); 
    opacity: 0.5;
}