/* Voting System CSS */
.vote-container {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 5px 10px;
    background: #f8f9fa;
    border-radius: 8px;
}

.vote-btn {
    cursor: pointer;
    font-size: 1.2rem;
    transition: all 0.2s;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    border: none;
}

.vote-btn:hover {
    transform: scale(1.1);
    background: rgba(0,0,0,0.05);
}

.vote-btn.active {
    background: rgba(0,123,255,0.1);
    font-weight: bold;
}

.vote-btn.agree { color: #28a745; }
.vote-btn.agree.active { background: rgba(40,167,69,0.2); }

.vote-btn.meh { color: #6c757d; }
.vote-btn.meh.active { background: rgba(108,117,125,0.2); }

.vote-btn.disagree { color: #dc3545; }
.vote-btn.disagree.active { background: rgba(220,53,69,0.2); }

.vote-count {
    font-size: 0.9rem;
    font-weight: 600;
}

/* Guest Vote Modal */
#guestVoteModal .modal-body {
    padding: 20px;
}

#guestVoteModal .form-control {
    margin-bottom: 10px;
}