.video-scale-controls {
    display: flex;
    gap: 6px;
    margin-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 8px;
    pointer-events: auto;
}

.scale-btn {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: var(--background-secondary);
    color: var(--text-normal);
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    padding: 0;
}

[data-theme="light"] .scale-btn {
    background: var(--background-modifier-hover);
    color: var(--header-primary);
}

.scale-btn:hover {
    background: var(--background-primary-hover);
    transform: scale(1.15);
    color: var(--text-normal-active);
}

.scale-btn:active {
    transform: scale(0.9);
}

.scale-btn.minus {
    font-size: 18px; /* Bigger minus for visibility */
}

/* Ensure controls are clickable in the absolute positioned info bar */
.user-call-info {
    pointer-events: auto;
}