/* Version Tab Styles */
.version-tab {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    color: #52525b;
    /* Zinc-600 - Much darker gray */
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.version-tab:hover {
    color: var(--primary-600);
    /* Darker green hover */
    background: rgba(var(--primary-rgb), 0.05);
}

.version-tab.active {
    color: var(--primary-500);
    /* Emerald-500 */
    border-bottom-color: var(--primary-500);
    background: rgba(var(--primary-rgb), 0.1);
}

.version-tab.active span:first-child {
    color: #d4d4d8;
    /* Zinc-300 - Softer white for active tab title */
}

.version-item {
    padding: 0.75rem 1rem;
    margin: 0.25rem 0;
    background: #18181b;
    /* Zinc-900 */
    border: 1px solid #27272a;
    /* Zinc-800 */
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #71717a;
    /* Zinc-500 - Darker gray text */
}

.version-item:hover {
    background: #27272a;
    /* Zinc-800 */
    border-color: var(--primary-700);
    transform: translateX(4px);
    color: #a1a1aa;
    /* Zinc-400 - Slightly brighter on hover */
}

.version-item.selected {
    background: rgba(var(--primary-rgb), 0.05);
    border-color: var(--primary-600);
    color: #d4d4d8;
    /* Zinc-300 - Softer white for selected */
}

.version-item.major {
    border-left: 3px solid var(--primary-600);
    font-weight: 600;
}
}