/* Estilos para el control de puertas mejorado */

.door-card {
    border-left: 4px solid #4caf50;
}

.door-controls {
    display: flex;
    gap: 8px;
}

.door-controls .btn {
    flex: 1;
}

.door-controls .btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.door-controls .btn-success {
    background-color: #4caf50;
    border-color: #4caf50;
}

.door-controls .btn-success:hover:not(:disabled) {
    background-color: #45a049;
    border-color: #45a049;
}

.door-controls .btn-danger {
    background-color: #f44336;
    border-color: #f44336;
}

.door-controls .btn-danger:hover:not(:disabled) {
    background-color: #da190b;
    border-color: #da190b;
}

/* Animación para cambio de estado */
.door-card {
    transition: border-color 0.3s;
}

.door-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 768px) {
    .door-controls {
        flex-direction: column;
    }
    
    .door-controls .btn {
        width: 100%;
    }
}