/* Shared CSS for tribe shell architecture */

/* Base styles */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Rail tooltip styles */
.rail-tooltip {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 1rem;
    padding: 0.5rem 0.75rem;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 0.5rem;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 50;
    font-size: 0.875rem;
}

.nav-btn:hover .rail-tooltip,
.rail-btn:hover .rail-tooltip {
    opacity: 1;
    visibility: visible;
}

.rail-tooltip span:first-child {
    font-weight: 300;
}

.rail-tooltip span:last-child {
    font-weight: 600;
}