/* Personalizações específicas de cores para botões */

/* Botão "Agendar Posts" - Azul */
#schedule-batch-posts {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 123, 255, 0.3) !important;
}

#schedule-batch-posts:hover {
    background: linear-gradient(135deg, #0069d9 0%, #004085 100%) !important;
    box-shadow: 0 4px 16px rgba(0, 123, 255, 0.3) !important;
    transform: translateY(-1px) !important;
}

#schedule-batch-posts:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2) !important;
}

/* Botão "Iniciar Publicação em Lote" - Verde */
#start-batch-publish {
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(40, 167, 69, 0.3) !important;
}

#start-batch-publish:hover {
    background: linear-gradient(135deg, #218838 0%, #155724 100%) !important;
    box-shadow: 0 4px 16px rgba(40, 167, 69, 0.3) !important;
    transform: translateY(-1px) !important;
}

#start-batch-publish:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.2) !important;
}

/* Botão "Painel de Filas" - Azul Info */
#open-queue-panel {
    background: linear-gradient(135deg, #17a2b8 0%, #117a8b 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(23, 162, 184, 0.3) !important;
}

#open-queue-panel:hover {
    background: linear-gradient(135deg, #138496 0%, #0c5460 100%) !important;
    box-shadow: 0 4px 16px rgba(23, 162, 184, 0.3) !important;
    transform: translateY(-1px) !important;
}

#open-queue-panel:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(23, 162, 184, 0.2) !important;
}

/* Botões de publicação individual - Verde mais suave */
.publish-single {
    background: linear-gradient(135deg, #20c997 0%, #17a085 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(32, 201, 151, 0.3) !important;
}

.publish-single:hover {
    background: linear-gradient(135deg, #1abc9c 0%, #148f77 100%) !important;
    box-shadow: 0 2px 8px rgba(32, 201, 151, 0.3) !important;
    transform: translateY(-1px) !important;
}

.publish-single:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(32, 201, 151, 0.2) !important;
}

/* Botões de adicionar ao lote - Azul mais suave */
.add-to-batch, #add-selected-to-batch {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(111, 66, 193, 0.3) !important;
}

.add-to-batch:hover, #add-selected-to-batch:hover {
    background: linear-gradient(135deg, #6610f2 0%, #520dc2 100%) !important;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.3) !important;
    transform: translateY(-1px) !important;
}

.add-to-batch:active, #add-selected-to-batch:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(111, 66, 193, 0.2) !important;
}

/* Botões de seleção em massa */
#select-all-topics, #deselect-all-topics {
    background: linear-gradient(135deg, #6c757d 0%, #545b62 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(108, 117, 125, 0.3) !important;
}

#select-all-topics:hover, #deselect-all-topics:hover {
    background: linear-gradient(135deg, #5a6268 0%, #495057 100%) !important;
    box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Botões de ação rápida no dashboard */
#quick-add-site {
    background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%) !important;
}

#quick-view-sites {
    background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%) !important;
}

#quick-settings {
    background: linear-gradient(135deg, #6c757d 0%, #545b62 100%) !important;
}

/* Botão de logout - Vermelho suave */
#logout-button {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(220, 53, 69, 0.3) !important;
}

#logout-button:hover {
    background: linear-gradient(135deg, #c82333 0%, #a71e2a 100%) !important;
    box-shadow: 0 4px 16px rgba(220, 53, 69, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Botões de editar site - Amarelo/Laranja */
.edit-site-btn {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%) !important;
    color: #212529 !important;
    border: 1px solid rgba(255, 193, 7, 0.3) !important;
}

.edit-site-btn:hover {
    background: linear-gradient(135deg, #e0a800 0%, #d39e00 100%) !important;
    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Botões de selecionar site - Verde */
.select-site-btn {
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(40, 167, 69, 0.3) !important;
}

.select-site-btn:hover {
    background: linear-gradient(135deg, #218838 0%, #155724 100%) !important;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Botões de deletar - Vermelho */
.delete-site-btn {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(220, 53, 69, 0.3) !important;
}

.delete-site-btn:hover {
    background: linear-gradient(135deg, #c82333 0%, #a71e2a 100%) !important;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3) !important;
    transform: translateY(-1px) !important;
}