/* Button styles */
.icon-btn {
    background: transparent; 
    border: none; 
    color: var(--text-main);
    cursor: pointer; 
    padding: 6px; 
    border-radius: 4px; 
    display: flex;
    align-items: center; 
    justify-content: center; 
    font-size: 1.2rem;
    transition: background 0.2s;
    flex-shrink: 0;
    white-space: nowrap;
}

.icon-btn:hover { 
    background: rgba(255,255,255,0.1); 
    color: #fff; 
}

.primary-btn { 
    background: var(--accent); 
    color: #fff; 
    padding: 6px 12px; 
    gap: 6px; 
    font-size: 0.9rem; 
    border-radius: 6px; 
    flex-shrink: 0;
    white-space: nowrap;
}

.primary-btn:hover { 
    background: var(--accent-hover); 
}

.danger-hover:hover { 
    background: rgba(247, 118, 142, 0.15); 
    color: var(--danger); 
}